VS Code 插件推荐(亲自试用过)

前端VS Code 插件

1、Color Highlight (用于标识代码中颜色色值)

在这里插入图片描述
在这里插入图片描述

2、Auto Rename Tag(用于HTML标签修改,前后识别)

在这里插入图片描述

3、Bracket Pair Colorizer (用于颜色识别匹配括号)

VS Code 插件推荐(亲自试用过)_第1张图片
VS Code 插件推荐(亲自试用过)_第2张图片

4、Egg Tools and eggjs (nodeJS 框架 EGG 代码识别)VS Code 插件推荐(亲自试用过)_第3张图片
5、Flutter (用于Fluttter 开发APP 热更新,ctrl+S 保存即可)

VS Code 插件推荐(亲自试用过)_第4张图片

6、Vetur (vueJS 语法高亮)

打开 文件–>首选项–>设置
在这里插入图片描述
修改true为false

7、Auto Close Tag (用于HTML 代码补全)

在这里插入图片描述

8、Document This (用于代码注释,function and class 皆可以 ,Ctrl + Alt + D)

VS Code 插件推荐(亲自试用过)_第5张图片
在这里插入图片描述

9、Dash(快捷键 ctrl + h 它根据你当前选中的语言查找 dash 里面的文档)

VS Code 插件推荐(亲自试用过)_第6张图片
VS Code 插件推荐(亲自试用过)_第7张图片

10 、Indenticator (用于代码缩进提醒)

VS Code 插件推荐(亲自试用过)_第8张图片

11、Quokka.js(实时观看 javascript 的变量的变化)

VS Code 插件推荐(亲自试用过)_第9张图片

12、VueHelper (用于vue、vuex、vue-router代码提醒)

VS Code 插件推荐(亲自试用过)_第10张图片

13、Color Picker (用于颜色拾取)

VS Code 插件推荐(亲自试用过)_第11张图片

14、Material Icon Theme(用于显示文件ICON图标)

VS Code 插件推荐(亲自试用过)_第12张图片


                                                    持续更新中~~

你可能感兴趣的:(工具)