vscode自用常用插件
作者:
子绎 | 来源:发表于
2022-03-15 18:23 被阅读0次
1、any-rule 集合了所有常用的正则
![](https://img.haomeiwen.com/i18731710/9d975bbd0048a476.png)
image.png
![](https://img.haomeiwen.com/i18731710/7f704aca5b319f8d.png)
image.png
2、 Autoprefixer 自动添加css的兼容前缀
![](https://img.haomeiwen.com/i18731710/c443ce750c0a7810.gif)
da82a3c6-496b-11e6-8d95-0bebbf0b9607.gif
3、Color Highlight 颜色代码高亮
![](https://img.haomeiwen.com/i18731710/5dddfa0ee97eb856.png)
image.png
![](https://img.haomeiwen.com/i18731710/3a4a766559ca6325.png)
image.png
3、Error Lens -检查代码语法错误 不同于eslint, 这个插件只提供类似的错误提示。不影响运行。
![](https://img.haomeiwen.com/i18731710/bf17099876f340b6.png)
image.png
![](https://img.haomeiwen.com/i18731710/4cbac3e524442526.png)
image.png
![](https://img.haomeiwen.com/i18731710/45baa7b48c35be82.png)
image.png
4、 Import Cost 显示引入的包大小
![](https://img.haomeiwen.com/i18731710/75fbbaa7413b80a3.png)
image.png
![](https://img.haomeiwen.com/i18731710/5a4c30100e527616.png)
image.png
5、x-translator 能够在编辑器内进行翻译,变量命名很方便。 快捷键:ctrl+shift+r
![](https://img.haomeiwen.com/i18731710/d2842d4839cb9bc3.gif)
006y8mN6ly1g81ax2es1fg30m80cujt5.gif
6、vue-helper 显示vue组件变量提示
![](https://img.haomeiwen.com/i18731710/02bf2e143d173946.gif)
local-tips.gif
6、filesize 显示当前文件大小
![](https://img.haomeiwen.com/i18731710/65ed09cafdcfcee1.png)
image.png
7、koroFileHeader 用于生成文件头部注释和函数注释的插件,支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单
![](https://img.haomeiwen.com/i18731710/805799a724a8811e.png)
image.png
![](https://img.haomeiwen.com/i18731710/25030935a85b0e61.png)
image.png
8、Code Runner 能够直接在vscode中执行简单的js代码
9、Highlight Matching Tag 高亮标签的开始和结束
![](https://img.haomeiwen.com/i18731710/fa65725c08459737.png)
image.png
10、Image preview 在vscode左边显示引入的图片缩略图
![](https://img.haomeiwen.com/i18731710/e8f95ecc142053f6.png)
image.png
11、Polacode-44886 生成漂亮的js截图代码 ,能够直接在开发工具中显示保存,很方便。
![](https://img.haomeiwen.com/i18731710/17dd315bb7e50aca.png)
image.png
![](https://img.haomeiwen.com/i18731710/d6d6a5eec4e76cbd.png)
image.png
![](https://img.haomeiwen.com/i18731710/6b02d4d23c94fd18.png)
image.png
13、Tabnnie 这个插件能够根据你的编码习惯AI学习提供代码提示,用过的人都说好。
14、Indent one space vscode当你选中好几行按空格的时候,vscode会直接把你这段删掉,有了这个插件,将会把你选中的代码按空格缩进 而不是删除。
15、 css Peek 装了这个插件后 按住鼠标ctrl点击样式 就可以显示样式在哪儿定义的。 或者定位class 按键盘F12 也可以显示样式定义位置。
本文标题:vscode自用常用插件
本文链接:https://www.haomeiwen.com/subject/wjmydrtx.html
网友评论