1.Vetur
这是vscode上开发vue的核心插件,提供了代码高亮,格式化,emmet,lint等核心功能
2.beautify
这是一个代码美化插件,提供了代码美化功能,当然我们并不直接用它,它为vetur提供了格式化html的功能(vetur官方文档上说,这个将很快被移除,因为这个插件有很多bug一直得不到解决)
3.Prettier
这也是一个代码格式化插件,提供格式化代码的功能,它可以使用eslint的配置,一键修改各种eslint问题,而且不增加快捷键,它通过增强原有的代码格式化功能来实现,可以说是无缝衔接,好洋气!(vetur官方文档上说可以不用安装prettier,但是安装好了,可以更好的配置,因为配置项有智能提示)
4.ESLint
5.Project Manager
项目管理,方便保存各种项目目录,一点就切换,非常的方便啦
6. Bracket Pair Colorizer(括号增强)
不同层级的括号添加了颜色,一眼就能看到,而且代码也变得更加的丰富多彩了
7.Change Case
可以将变量名切换成各种常用造型,驼峰的,大驼峰的,糖葫芦的,随便切
8.vscode-fileheader
顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间
快捷键: Ctrl+Alt+i
9.Auto Close Tag
自动添加HTML / XML关闭标签
10.Auto Rename Tag
自动重命名配对的HTML / XML标签
11.Chinese
中文简体语言包
12.Git History
查看 git 日志
13.GitLens — Git supercharged
显示文件最近的 commit 和作者,显示当前行 commit 信息
14.HTML Boilerplate
通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构
15.HTMLHint
HTML 代码格式检测
16.HTML Snippets
代码自动填充
17.Image Preview
鼠标移到路径里显示图像预览
18.intelliSense for CSS class names in HTML
把项目中 css 文件里的名称智能提示在 html 中
19.JavaScript (ES6) code snippets
es6代码片段
20.npm Intellisense
require 时的包提示
21.Path Intellisense
路径自动补全