vscode自用常用插件
2022-03-15 本文已影响0人
子绎
1、any-rule 集合了所有常用的正则
![](https://img.haomeiwen.com/i18731710/9d975bbd0048a476.png)
![](https://img.haomeiwen.com/i18731710/7f704aca5b319f8d.png)
2、 Autoprefixer 自动添加css的兼容前缀
![](https://img.haomeiwen.com/i18731710/c443ce750c0a7810.gif)
3、Color Highlight 颜色代码高亮
![](https://img.haomeiwen.com/i18731710/5dddfa0ee97eb856.png)
![](https://img.haomeiwen.com/i18731710/3a4a766559ca6325.png)
3、Error Lens -检查代码语法错误 不同于eslint, 这个插件只提供类似的错误提示。不影响运行。
![](https://img.haomeiwen.com/i18731710/bf17099876f340b6.png)
![](https://img.haomeiwen.com/i18731710/4cbac3e524442526.png)
![](https://img.haomeiwen.com/i18731710/45baa7b48c35be82.png)
4、 Import Cost 显示引入的包大小
![](https://img.haomeiwen.com/i18731710/75fbbaa7413b80a3.png)
![](https://img.haomeiwen.com/i18731710/5a4c30100e527616.png)
5、x-translator 能够在编辑器内进行翻译,变量命名很方便。 快捷键:ctrl+shift+r
![](https://img.haomeiwen.com/i18731710/d2842d4839cb9bc3.gif)
6、vue-helper 显示vue组件变量提示
![](https://img.haomeiwen.com/i18731710/02bf2e143d173946.gif)
6、filesize 显示当前文件大小
![](https://img.haomeiwen.com/i18731710/65ed09cafdcfcee1.png)
7、koroFileHeader 用于生成文件头部注释和函数注释的插件,支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单
![](https://img.haomeiwen.com/i18731710/805799a724a8811e.png)
![](https://img.haomeiwen.com/i18731710/25030935a85b0e61.png)
8、Code Runner 能够直接在vscode中执行简单的js代码
9、Highlight Matching Tag 高亮标签的开始和结束
![](https://img.haomeiwen.com/i18731710/fa65725c08459737.png)
10、Image preview 在vscode左边显示引入的图片缩略图
![](https://img.haomeiwen.com/i18731710/e8f95ecc142053f6.png)
11、Polacode-44886 生成漂亮的js截图代码 ,能够直接在开发工具中显示保存,很方便。
![](https://img.haomeiwen.com/i18731710/17dd315bb7e50aca.png)
12、hack字体,很好看,这是官网https://sourcefoundry.org/hack/。只需要下载下来安装,然后在vscdoe中指定'Hack'即可。很优雅的字体。
![](https://img.haomeiwen.com/i18731710/d6d6a5eec4e76cbd.png)
![](https://img.haomeiwen.com/i18731710/6b02d4d23c94fd18.png)