本文同步本人掘金平台的文章：https://juejin.cn/post/6978796685229031438

使用 Visual Studio Code 开发项目省时的六个插件。

1. vscode-icon

不同的文件展示不同的图标，方便快速识别文件类型。相关地址：https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

2. Color Highlight

颜色标记。相关地址：https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

3. Auto Rename Tag

html/xml标签改变，将会成对改变～相关地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

4. Live Server

开启本地服务，类似 webpack 中的热加载，很适合编写模版页面。相关地址：https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

5. Code Spell Checker

检查单词拼写，支持驼峰式。相关地址：https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

6. Rainbow Brackets

对你编写嵌套块状语句很有帮助～相关地址：https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets

比如：

function text () {
  return {
    name: {
      hello: {
        age: 1
      }
    }
  }
}
复制代码

【完】✅

嗯～又可以省下些时间摸鱼了～

追加：

• Error Lens 插件 – 错误提示，相关地址：https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens

今天的文章使用 vscode 省时的6个插件 – 掘金分享到此就结束了，感谢您的阅读。