VSCode 开发Vue必备插件

VSCode 开发Vue必备插件

1.Vetur —— 语法高亮、智能感知、Emmet等
包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着）

2.EsLint ——  检查代码是否符合规范

3.Debugger for Chrome —— 映射vscode上的断点到chrome上，方便调试（配置有点麻烦，其实我没用这个）

4.Auto Close Tag —— 自动闭合HTML/XML标签

5.Auto Rename Tag —— 自动完成另一侧标签的同步修改

6.JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

7.Path Intellisense —— 自动路径补全

8.HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式

9.Beautify—— 美化 javascript, JSON, CSS, Sass, 以及 HTML 。一般需要配合.jsbeautifyrc使用

10.Bracket Pair Colorizer——给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色

11.open in browser——直接右键项目单击启动
12.Material Icon Theme ———多样化的文件图标
13.One Dark Pro—— 一款深黑色的主题
14.Vue VSCode Snippets —— Vue 语法片段扩展
15.npm Intellisense—— import、require npm模块是自动补全
—————————————————————————————————————————————

vs code安装插件方法

打开vs code开发工具，点击左边的最下面的一个图标。
这个就是插件图标，点击后，这里会列出一些较热门的插件，我们可以点击安装。
在上方的输入框里输入关键字搜索，然后点击安装。