(一)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
\