vscode插件

1.Vetur

这是vscode上开发vue的核心插件,提供了代码高亮,格式化,emmet,lint等核心功能

2.beautify

这是一个代码美化插件,提供了代码美化功能,当然我们并不直接用它,它为vetur提供了格式化html的功能(vetur官方文档上说,这个将很快被移除,因为这个插件有很多bug一直得不到解决)

3.Prettier

这也是一个代码格式化插件,提供格式化代码的功能,它可以使用eslint的配置,一键修改各种eslint问题,而且不增加快捷键,它通过增强原有的代码格式化功能来实现,可以说是无缝衔接,好洋气!(vetur官方文档上说可以不用安装prettier,但是安装好了,可以更好的配置,因为配置项有智能提示)

4.ESLint

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

路径自动补全