Visual Studio Code的一些前端有用的插件（VUE）

   1. Vetur

   它提供了Vue特定的语法突出显示、常见代码段以及每个写vue的人都需要的很多功能，Vetur有Vue3 Typescript的支持。

链接：https://marketplace.visualstudio.com/items?itemName=octref.vetur

2.ESlint Plugin VueJS

   vuejs有自己的eslint插件，可以检查单个文件的语法，这是编写可维护和可扩展代码的最好用的工具之一。

链接：https://eslint.vuejs.org/

3.Vue VSCode Snippets

    这个vscode扩展可以帮你节省大量的开发时间，能帮你填充常用的Vue代码片段，非常适合编写快速SFC、Vue指令、和快速访问生命周期钩子等。

链接：https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets

4.Bookmarks

  这个可以让你在自己代码中标记并命名位置。然后你就可以在这些不同的“书签”之间跳转，提高开发速度。

链接：https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks

5.Bracket Pair Colorizer

这个用来匹配括号并为他们提供独特的匹配颜色。

链接：https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

6.Auto Rename Tag

每当你要修改 HTML 中的一个标签名（开始或结束标签）时，Auto Rename Tag 会帮你自动重命名另一个。

链接：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

7.NPM Intellisense

当在 Javascript 中编写导入语句时，NPM Intellisense 都会自动完成你需要的 npm 模块名称，

这可以让我们不用再记住 npm 模块的确切名称，从而节省大量的时间。

连接：https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense