在使用vscode编辑器的时候,经常需要安装一些插件来帮助我们进行开发,现在对可能用到的一些插件进行总结
1.open in browser-------------在浏览器中打开,如果不装这个,无法在右键的时候在浏览器运行(必备)
-
Auto Rename Tag--------------修改HTML标签时,自动修改匹配的标签
-
Auto Close Tag---------------匹配标签,关闭对应的标签
-
HTML CSS Support---------------css提示(支持vue)让 html 标签上写class 智能提示当前项目所支持的样式 , 新版已经支持scss文件检索(必备)
-
Vetur----------------目前比较好的Vue语法高亮
-
HTML Snippts-----------H5代码片段以及提示
-
Code Runner-----------代码编译运行看结果,支持众多语言
-
Beautify--------------格式化代码的工具,可以格式化JSON|JS|HTML|CSS|SCSS
-
Bracket Pair Colorizer------------------让括号拥有独立的颜色
10.colorize -----------------会给颜色代码增加一个当前匹配代码颜色的背景
-
Color Info-------------------提供你在 CSS 中使用颜色的相关信息,你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息
-
Chinese Language-----------中文语言包
-
Path Intellisense-----------路径智能提示
-
Prettier-Code formatter---------------代码格式统一
-
JavaScript Snippet Pack-------------------针对js的插件,包含了js的常用语法关键字
14.Local History------------------查看文件修改历史记录
15.GitLens-------------------历史记录和显示的代码作者身份具体功能
备注:
如果下载的vscode是英文版,则需要手动改成中文,方法如下
打开按快捷键"Ctrl+Shift+P",在"vscode"顶部会出现一个搜索框
输入"configure language",然后回车
将"en-us"修改成"zh-cn"。