VSCode是否支持Vue而不添加扩展？

Question

我似乎在VS Code中有语法高亮，没有安装任何特定的Vue扩展（事实上，当我运行response时）。但是从我看到的around the web /朋友那里，需要一个vue扩展，因为VS Code不支持开箱即用的Vue。

它是否支持Vue？我检查了最近几个月的发行说明，还没有找到任何相关的Vue。如果它确实支持Vue，为什么有一些提供语法高亮的Vue扩展？

Answer 1

免责声明：前VSCode实习生。使用vetur，vue的VSCode扩展：

• https://github.com/octref/vetur
• https://marketplace.visualstudio.com/items?itemName=octref.vetur

简答：否。

答案很长：

VSCode已将其html扩展名用于vue SFC。这适用于html / css / js，但不适用于pug / sass / scss / less / stylus / typescript / coffee。

By＆＃34;工作得很好＆＃34;，我的意思是VSCode有正确的语法高亮，一些IntelliSense，格式化程序和错误检查，用于html / css / js。

VSCode无意在其html扩展中添加特定于vue的支持，如scss支持等。所以我开始研究vetur。最初我只想要更好的语法突出显示，但现在我已经重新设计了vue组件的语法并移植了VSCode的html扩展来支持vue，因此您可以获得完整的语法突出显示，一些IntelliSense，错误检查和格式化。 / p>

以下是已实施功能的列表：

• html / css / scss / less / js的基本智能感知
• Linting for css / scss / less / js
• 语法高亮显示：
  • 的HTML /玉/哈巴狗
  • CSS / SASS / SCSS /少/触笔
  • JS​​ / TS
• 嵌入式代码段支持
  • 在所有区域之外使用vue片段
  • 在其区域内使用每种语言的代码段
• emmet for html / css / sass / scss / less

Answer 2

Vue只是一个javascript库，是的，您可以在VSCode中编辑Vue代码。但是，像“Single File Components”这样的东西使得使用Vue更加容易。 VSCode也可以编辑.vue文件，但要处理你需要的东西，比如webpack或Browserify，将它们后处理成浏览器友好的代码。