VsCode十五个常用插件安装及其说明

332 阅读1分钟

(一)Chinese语言包

该插件将页面转换为中文

\

(二)Open in browser 

该插件可以在通过编辑器打开默认浏览器显示代码效果

\

(三)guides

显示代码对齐辅助线

\

(四)HTMLHint

Html代码检测,支持html5

\

(五)vscode-icons

显示Visual  Studio代码的图标,目前该插件已被vscode内部支持:”文件”->”首选项”->”文件图标主题”

\

(六)import Cost

该插件会在行尾显示导入的包的大小。为了计算包大小,该插件要使用Webpack和bablili-webpack-plugin

\

(七)path Intelligence

识别插入文件路径,提供路径提示功能

\

(八)material theme

一款颜色主题的插件

\

(九)prettier

格式化美化代码

\

(十)carbon-now-sh

将选中代码生成一张图片

使用方式:

1.选中需要生成图片的代码

2.打开命令行托盘:

(window系统):   ‘ Ctrl + Shift + P’

(Mac系统): ‘ Cmd + Shift + P’

3.输入’Carbon’,点击

\

(十一)Turbo Console Log

打印神器

使用方法:

1.选中变量之后 Ctrl(cmd) + Alt + l

2.删除所有console.log   Alt + Shift + d

3.注释所有console.log   Alt + Shift + c

4.启用所有console.log   Alt + Shift + u

\

(十二)Browser Preview

该插件可以使在VS Code中直接打开浏览器,边编辑边预览网页效果

\

(十三)liver server

通过插件可以开启本地服务器

\

(十四)Auto Rename Tag

修改html标签,自动帮你完成头部和尾部闭合标签的同步修改

\

(十五)vetur 

Vue多功能集成插件,语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger

\