1、Vetur
vue代码高亮显示
2、GitLens
选中代码,显示最近修改代码的作者
3、Vue 3 Snippets
这个插件包含了所有的 Vue.js 2 和 Vue.js 3 的 api 对应的代码片段。
4、Auto Close Tag
自动闭合标签
5、Auto Rename Tag
修改开始标签名称,自动重命名结束标签
6、Bracket Pair Colorizer
对应代码块的括号加不同显色显示
7、Path Intellisense
路径自动感知,提示路径文件夹名称
8、Vue Peek
快速查看组件,按住commond单机可以弹出组件内容
9、Material Icon Theme
修改文件夹、文件前面的icon小图标
10、ESLint
vue代码格式规范
11、vscode-element-helper
elementUI提示插件
12、Import Cost
显示导入包大小
13、Indent-Rainbow
代码缩进样式
14、IntelliSense for CSS class names in HTML
html中写class的自动检测定义的class名称,自动补全。
15、npm Intellisense
导入语句自动补全
16、lit-html
高亮显示js中的html代码
17、highlight-matching-tag
高亮显示匹配的标签
18、Color Highlight
直接把定义的颜色,以小方块的形式显示在前面
19、Trailing Spaces
高亮显示多余的空格,便于删除。
注意:如果想一次性删除自己电脑上的所有插件,
mac电脑,打开文件夹,单机回到根目录,安装commond + shift + . 显示所有隐藏文件,你会找到 .vscode -> extensions文件夹,这就是存放vscode插件的文件夹,删除里面的插件就行了。
一次性导入以上19个插件,请看我之前的一片文章,只需要看后面的导入插件就可以,前半部分是怎么将自己安装的插件导出到github上
gistID: 8c94b7185c56e714e7aeec3cc946f60a
https://segmentfault.com/a/11...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。