vscode常用插件

安装中文插件:Chinese (Simplified),若安装失败,可能公司网络不支持
1.Auto Rename Tag
自动重命名配对的HTML / XML标签
2.Color-Highlight
在编辑器中高亮显示颜色。
3.Css Peek
能在源代码中的字符串中找到对应的css(类和ID)。显示在那个css文件里,还有在第几行。
4.Csscomb
css 、less、sass 的代码格式化。
5.Debugger for Chrome
js调试的插件,前端项目在Chrome中运行起来之后,可以直接在VSCode中打断点、查看输出、查看控制台,详细配置见插件说明。
6.jQuery Code Snippets
 jq代码段提示。
7.别名路径跳转
支持所有项目的别名路径快速跳转,可以自由配置别名路径映射规则
8. auto close tag
自动关闭标签,在开始标记的结束括号中键入后,将自动插入结束标记
9.Auto Complete Tag
 结合了自动关闭标签与同时修改同步标签
10.filesize
实时查看当前文件的大小
11.Code Spell Checker
 代码拼写检查工具
12.Vetur
vue代码高亮显示
13.Bracket Pair Colorizer
对应代码块的括号加不同显色显示
14.vscode-element-helper
elementUI提示插件
15.lit-html
高亮显示js中的html代码
16.highlight-matching-tag
高亮显示匹配的标签
17.Trailing Spaces
高亮显示多余的空格,便于删除
18.vetur、volar、vue、
19.Live Server
提供html页面实时刷新
20.Prettier-Code Formatte
格式化插件
21.CSS Peek
快速查看css定义
22.HTML CSS Support
在html代码里提示css,自动补全
23.Bracket Pair Colorizer
彩虹括号
24.better comments
可分类高亮彩色注释
25.Image Preview
图片于侧边栏预览
26.JavaScript (ES6) code snippets
JavaScript (ES6)智能代码片段提示
27.Path Intellisense
各种类型文件的智能路径识别
28.indent-rainbow
彩色缩进插件
29.中文标点符号转英文
30.icons
区分不同的文件
31.lmport cost
可以在代码中显示导入的估计大小。
32.Form Generator Plugin
表单自动生成
33.file-jump
根据文件路径快速跳转至文件打开
posted @ 2021-11-27 23:16  kht  阅读(176)  评论(0编辑  收藏  举报