vscode自用常用插件
2022-03-15 本文已影响0人
子绎
1、any-rule 集合了所有常用的正则


2、 Autoprefixer 自动添加css的兼容前缀

3、Color Highlight 颜色代码高亮


3、Error Lens -检查代码语法错误 不同于eslint, 这个插件只提供类似的错误提示。不影响运行。



4、 Import Cost 显示引入的包大小


5、x-translator 能够在编辑器内进行翻译,变量命名很方便。 快捷键:ctrl+shift+r

6、vue-helper 显示vue组件变量提示

6、filesize 显示当前文件大小

7、koroFileHeader 用于生成文件头部注释和函数注释的插件,支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单


8、Code Runner 能够直接在vscode中执行简单的js代码
9、Highlight Matching Tag 高亮标签的开始和结束

10、Image preview 在vscode左边显示引入的图片缩略图

11、Polacode-44886 生成漂亮的js截图代码 ,能够直接在开发工具中显示保存,很方便。

12、hack字体,很好看,这是官网https://sourcefoundry.org/hack/。只需要下载下来安装,然后在vscdoe中指定'Hack'即可。很优雅的字体。

