使用 vscode 省时的6个插件

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

1. vscode-icon

不同的文件展示不同的图标，方便快速识别文件类型。

2. Color Highlight

颜色标记。

color_highlight.png

3. Auto Rename Tag

html/xml标签改变，将会成对改变～

auto_rename_tag.gif

4. Live Server

开启本地服务，类似 webpack 中的热加载，很适合编写模版页面。

live_server_step2.gif

5. Code Spell Checker

检查单词拼写，支持驼峰式。

code_spell_checker.gif

6. Rainbow Brackets

对你编写嵌套块状语句很有帮助～

比如：

function text () {
  return {
    name: {
      hello: {
        age: 1
      }
    }
  }
}

rainbow_brackets.png

【完】✅

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