Vscode_插件建议

4/21/2021 vscode




使用 Vscode 书写前端代码,包括普通 HTML5 , CSS3, Vue, React ,喜欢 Vscode 的一个原因是,对不同的框架都有很好的插件支持,包括语法高亮,自动补全,自动引包,语法检测等等,同时跟 Git 深度结合,一键 commit, 一键 push;自带Debugger测试;

总的来说,对于前端项目书写,能在一个编译器完成 90% 的操作;

使用 Vscode 也有一段时间了,推荐一些自己常用的插件,大大提高效率;

# 经典插件

  • open in browser
  • Beautify
  • Auto Import
  • Debugger for Chrome
  • Highlight Matching Tag


对不同的标签使用不同的高亮颜色,提高标签的辨识度


  • HTML Snippets


可以快速创建 HTML5 的页面


  • VS Code Counter


用于计算项目的代码量


# Vue 全家桶

  • Vue
  • Vue 2 Snippets
  • Vue-beautify



  • vscode-icons


可以对不同后缀名的文件显示不同的 Icon,对特定名称的文件夹 显示不同的 Icon