阅读 15567

使用 vscode 省时的6个插件

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

1. vscode-icon

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

vscode-icon.gif

2. Color Highlight

颜色标记。

color_highlight.png

3. Auto Rename Tag

html/xml标签改变,将会成对改变~

auto_rename_tag.gif

4. Live Server

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

live_server_step1.png

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

【完】✅

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

文章分类
前端