在VSCode中加入好用的插件可以提高我们的开发效率。这些帮助我们格式化、可扩展性、最佳实践编码实践和自动化琐碎的事情。好了，废话不多说，开始吧！VeturVetur支持.vue文件的语法高亮显示。除了支持template模板，还支持大部分主流的前端开发脚本和插件，比如Sass和TypeScript，完整的支持语法高亮是这样的：Vetur维护得很好，甚至还提供了对Vue3Typescript的支持。关于Vetur没什么可说的——如果你还没有用过它，那就去买吧。ESLintPluginVueJS大多数开发人员都熟悉ESLint，它是最流行的linter工具之一，可帮助我们使代码与最佳实践保持一致，并在大型代码库中保持可读性。VueJS有自己的ESLint插件来检查单个文件组件的语法。我认为它是编写可维护和可扩展代码的最佳工具之一。没有什么比看着一些旧代码甚至不知道从哪里开始调试更糟糕的了。不用担心！ESLint帮助您保持井井有条，并且通过增加对Vue3的支持，您可以编写可扩展的Vue项目。VueVSCodeSnippets插件基于最新的Vue官方语法高亮文件添加语法高亮，基于Vue2API添加代码片段。它非常适合编写快速SFC、Vue指令和快速访问生命周期挂钩等内容。书签许多VSCode插件只有在涉及大型项目时才能真正发挥其全部潜力。书签允许我们在代码中标记和命名位置。然后，我们可以在这些不同的书签之间跳转，以提高我们的开发速度。我们必须仔细上下滚动文件才能找到功能的日子已经一去不复返了。BracketPairColorizerBracketPairColorizer为代码中的括号添加了一抹色彩。我也非常喜欢视觉效果——它使代码丰富多彩而又不会太分散注意力。自动重命名标签自动关闭标签，在开始标签的右括号中输入后，结束标签将自动插入。每当我们想要更改HTML括号对中的一个标签（开始或结束标签）时，AutoRenameTag将自动重命名另一个标签。这个小的优化可以帮助防止很多错误，尤其是在处理大型模板时。NPMIntellisense将在导入包时自动完成我们的npm模块。这节省了我们记住npm模块确切名称的时间，这是我必备的插件之一。~完了，我是玩玩志，下期见！作者：Ahmadshaded译者：FrontendXiaozhi来源：sitepoint原文：https://learnvue.co/2021/01/the-7-vs-code-extensions-for-vue-developers/
