爱意满满的作品展示区。
jsq2627

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

  •  1
     
  •   jsq2627 ·
    stackia · Feb 8, 2017 · 15826 views
    This topic created in 3386 days ago, the information mentioned may be changed or developed.

    作者 @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 replies    2017-02-09 15:07:04 +08:00
    DeepCold
        1
    DeepCold  
       Feb 8, 2017 via Android
    试过确实不错,不过公司的破 MBA 只能带的起来 sublime😂… sublime 上貌似就一个类似的 vue 插件,不太好用。
    tangdw
        2
    tangdw  
       Feb 8, 2017
    sublime 上的插件是 vue 作者写的, vsc 上的目前还没有看到可以在单文件里写 less/scss 不报错的。
    blanu
        3
    blanu  
       Feb 8, 2017 via iPhone
    react 有这样的插件就好了。感觉 atom 和 react 比较合得来,可惜速度感觉有点慢
    IamJ
        4
    IamJ  
       Feb 8, 2017
    @tangdw
    报错?怎么个报错法?
    在用 vetur ,没看到报错
    octref
        5
    octref  
       Feb 9, 2017
    谢谢支持...打算做好 IntelliSense 和 embedded snippet 再发的。(VSCode 刚加入了 IntelliSense 对 snippet 的支持,候选项可以用 snippet 来写了)。
    zhuangtongfa
        6
    zhuangtongfa  
       Feb 9, 2017
    VueHelper 好像更好
    jsq2627
        7
    jsq2627  
    OP
       Feb 9, 2017
    @zhuangtongfa #6 VueHelper 只是提供 snippets 的, vetur 现在也还没有提供 snippets ,两个一起用效果更佳。
    zhuangtongfa
        8
    zhuangtongfa  
       Feb 9, 2017
    @jsq2627 确实不错
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5629 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 68ms · UTC 06:06 · PVG 14:06 · LAX 23:06 · JFK 02:06
    ♥ Do have faith in what you're doing.