作者：Ahmadshaded译者：前端小智来源：sitepoint有梦想，有干货，微信搜索【伟大的走向世界】关注这位大清早还在洗碗的洗碗智慧。本文GitHubhttps://github.com/qq44924588...已收录，有完整的测试站点、资料和我的一线厂商访谈系列文章。在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模块确切名称的时间，这是我必备的插件之一。~最后，我是知婉知，我去洗碗了，下次见！代码部署后可能存在的bug，无法实时获知。事后为了解决这些bug，花费了大量的时间在日志调试上。顺便推荐一个好用的bug监控工具Fundebug。原文：https://learnvue.co/2021/01/t...交流有梦想，有干货，微信搜索【大千世界】关注这位凌晨还在洗碗的洗碗智慧。本文GitHubhttps://github.com/qq44924588...已收录，有完整的测试站点、资料和我的一线厂商访谈系列文章。
