相信使用 vscode 和 vue 的同学对 vetur 这个插件一定不会陌生。 ventur 作为 vue2.x 的配套插件，主要用于对 vue 单文件组件提供语法高亮、语法支持以及语法检测。
但是，随着 ts 在社区组件火热，我们会发现，ventur 插件对于 ts 几乎没有支持，同时伴随着 vue3 和最近的 vue3.2 的出世，vetur 几乎已经不能支持 vue 单文件组件了，ts 自然是不支持的，但还有一些 vue3 的新特性，比如： vue3 的 template 不再需要写根标签了，vetur 却还是以前的配方。因此，伴随着 vue3，volar 插件也同时出世了。
volar 是什么
在功能上 volar 和 vetur 是一致的，都是针对 vue 的插件，但是 volar 的功能却要强大得多
可以这样说， volar 是 vue3 的配套，vetur 是 vue2 的配套，所以，建议大家在使用的时候依据自己使用的 vue 版本来选择。
直接在 `vscode` 中搜索 `volar` 即可安装。
注意：
- 在使用前需要禁用 vetur 以避免冲突
- 推荐使用 css/less/scss 作为 <style>的语言，因为这些基于 vscode-css-language 服务提供了语言支持。如果你使用 postcss/stylus/sass 的话，你需要安装额外的语法高亮扩展。
链接: https://fly63.com/nav/3804
