VSCode 插件

272 阅读2分钟
  1. Vetur:这是VSCode官方推荐的Vue插件,提供了语法高亮、智能提示、Emmet、错误提示、格式化、自动补全等功能,是Vue开发者的必备插件。
  2. Beautify:该插件可以格式化HTML、JS、CSS等多种类型的代码,使代码更加整洁、易读。
  3. HTML Snippets:这款插件提供了智能提示HTML标签及其含义的功能,方便您快速编写HTML代码。
  4. Auto Close Tag:自动闭合HTML/XML标签,减少手动输入的错误,提高编写效率。
  5. Auto Rename Tag:自动完成另一侧标签的同步修改,保持代码的一致性。
  6. Bracket Pair Colorizer:给括号加上不同的颜色,便于区分不同的区块,提高代码可读性。
  7. Debugger for Chrome:将VSCode上的断点映射到Chrome浏览器上,方便开发者进行调试。
  8. ESLint:用于JS语法纠错,可以自定义配置。虽然配置较为复杂,但使用网上广泛使用的eslint配置可以大大提高开发效率。
  9. Vue 3 Snippets:在Vue 2或Vue 3开发中提供代码片段、语法高亮和格式化的VSCode插件,能极大提高开发效率。
  10. VueHelper:最好的Vue代码提示插件,不仅包括了Vue 2所有API,还含有Vue-Router 2和Vuex 2的代码,为开发者提供了全面的支持。
  11. Path Intellisense:路径提示插件,帮助开发者快速定位到文件路径,减少查找时间。
  12. Mithril Emmet:一个能大幅度提高前端开发效率的工具,用于补全代码,提高编写速度。
  13. JavaScript (ES6) code snippets:支持ES6语法提示的插件,帮助开发者更好地理解和使用ES6语法。