V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jsq2627
V2EX  ›  分享创造

推荐 VSCode 上特别好用的 Vue 插件 - vetur

  •  1
     
  •   jsq2627 ·
    stackia · 2017-02-08 20:35:08 +08:00 · 15228 次点击
    这是一个创建于 2837 天前的主题,其中的信息可能已经有所发展或是发生改变。

    作者 @octref 此前 V2EX 发过帖子,最近新增代码补全功能,综合比较应该是目前 VSCode 上面最好用的 Vue 插件。

    能够实现在 .vue 文件中:

    • 语法错误检查,包括 CSS/SCSS/LESS/Javascript/TypeScript
    • 语法高亮,包括 html/jade/pug css/sass/scss/less/stylus js/ts
    • emmet 支持
    • 代码自动补全(目前还是初级阶段),包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript

    配合 ESLint 插件食用效果更佳。

    下载: https://marketplace.visualstudio.com/items?itemName=octref.vetur

    demo

    8 条回复    2017-02-09 15:07:04 +08:00
    DeepCold
        1
    DeepCold  
       2017-02-08 21:20:52 +08:00 via Android
    试过确实不错,不过公司的破 MBA 只能带的起来 sublime😂… sublime 上貌似就一个类似的 vue 插件,不太好用。
    tangdw
        2
    tangdw  
       2017-02-08 22:27:36 +08:00
    sublime 上的插件是 vue 作者写的, vsc 上的目前还没有看到可以在单文件里写 less/scss 不报错的。
    blanu
        3
    blanu  
       2017-02-08 22:29:00 +08:00 via iPhone
    react 有这样的插件就好了。感觉 atom 和 react 比较合得来,可惜速度感觉有点慢
    IamJ
        4
    IamJ  
       2017-02-08 22:35:32 +08:00
    @tangdw
    报错?怎么个报错法?
    在用 vetur ,没看到报错
    octref
        5
    octref  
       2017-02-09 03:47:12 +08:00
    谢谢支持...打算做好 IntelliSense 和 embedded snippet 再发的。(VSCode 刚加入了 IntelliSense 对 snippet 的支持,候选项可以用 snippet 来写了)。
    zhuangtongfa
        6
    zhuangtongfa  
       2017-02-09 10:13:21 +08:00
    VueHelper 好像更好
    jsq2627
        7
    jsq2627  
    OP
       2017-02-09 14:53:19 +08:00
    @zhuangtongfa #6 VueHelper 只是提供 snippets 的, vetur 现在也还没有提供 snippets ,两个一起用效果更佳。
    zhuangtongfa
        8
    zhuangtongfa  
       2017-02-09 15:07:04 +08:00
    @jsq2627 确实不错
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1155 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 18:49 · PVG 02:49 · LAX 10:49 · JFK 13:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.