关于前端:写vue代码vscode必装插件

8次阅读

共计 869 个字符,预计需要花费 3 分钟才能阅读完成。

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…

正文完
 0