常用的VsCode插件
官网：https://code.visualstudio.com/
注意：要看需要去下载扩展，不要乱下载，否则大量的扩展会让vscode变成大型编辑器，导致系统跑不动，那么vscode的轻量级优点就没有了！
插件如下
Auto Close Tag — 自动闭合HTML标签
Auto Rename Tag — 修改HTML标签时，自动修改匹配的标签
background — 背景
beautify— javascript, JSON, CSS, Sass, HTML 代码高亮
Beautify css/sass/scss/less — 代码高亮
Css Peek — 能在源代码中的字符串中找到对应的css（类和ID）。显示在那个css文件里，还有在第几行。
Color-Highlight — 在编辑器中高亮显示颜色。
Color Picker — 代码的颜色选择器。
Csscomb — css 、less、sass 的代码格式化。
Debugger for Chrome — 调试JavaScript
Document This —为js文件生成文档的代码注释。
ESLint—检查Javascript编程时的语法错误。
Easy Sass — scss/sass文件保存可自动生成并同步编译成同名css文件
Easy WXLESS — 微信小程序WXSS文件专用，保存可自动生成并同步编译成同名css文件
File Peek —鼠标移到路径名按住ctrl可打开文件
Git Easy —增加了vscode中自带的git操作，安装后按F1调出控制台，输入git easy [options]完成git操作，代替git bash。
Git History — git log
GitLens — 显示文件最近的commit和作者,显示当前行commit信息
HTML Class Suggestions — 类名命名提示
HTML CSS Support — CSS的智能补全
HTML Boilerplate — 提供生成标准HTML样板代码。
HTML Snippets — 回车或tap生成标签
Indenticator — 缩进高亮
IntelliSense for CSS class names — CSS类名智能命名提示
JavaScript (ES6) code snippets — JS语法提示
jQuery Code Snippets — jq代码段提示。
JavaScript Snippet Pack — 代码片段(Tab或者Enter补全)，Console命令，DOM — 文档对象模型，Loop，Function，Timer，NodeJS，BDD，Misc
JS-CSS-HTML Formatte r — 代码格式化。
Lodash — lodash 函数提示。
Lorem ipsum — 快速填充文本
Live Server — http服务器（相当于使用nodejs的http-server，首选项-设置-用户设置可配置更改端口：”liveServer.settings.port”: 8999）
npm — 运行npm命令
npm Intellisense — 导入模块时，提示已安装模块名称
Open in browser — 在浏览器中打开，安装后在左侧目录中右键点击会出现 open in browser 选项。
OneDark-Pro — Atom’s ionic主题（首选项-颜色主题修改主题）
Output Colorizer — 彩色输出信息
Path Intellisense — 编辑器中输入路径时,自动补全
Prettier-Code formatter — 代码格式化（四个空格缩进：”prettier.tabWidth”: 4）
px2rem — px值转rem
stylelint — CSS/SCSS/LESS检查工具
（首选项-设置-用户设置配置：
“stylelint.enable”: true,
“css.validate”: false,
“scss.validate”: false
）
SVG Viewer — 预览SVG图片
Vetur — Vue语法高亮
VSCode Great Icons — 文件图标（首选项-文件图标主题修改）
VSCode-Element-Helper — elementUI语法提示高亮
vue — Vue语法高亮（
首选项-设置-用户设置配置：
“emmet.syntaxProfiles”: {
“vue-html”: “html”,
“vue”: “html”
}）
Vue 2 Snippets — 基于最新的 Vue 官方语法高亮文件添加了语法高亮，并且依据 Vue 2 的 API 添加了代码补全
Vue Peek — 查找vue组件文件
VueHelper — vue代码提示插件，包括了vue2所有api，vue-router2和vuex2的代码提示
Bracket Pair Colorizer ：对括号对进行着色，再也不会搞不清状况了。
vscode-icons：根据后缀名对应显示不同的图标
PHP Intellisense – Crane：对PHP代码编辑的扩展
PHP IntelliSense：对PHP代码编辑的扩展
如果您觉得有用，记得关注我，也可以在下方点击评论、留言，我会定期奉上更多的精彩博客，么么哒。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之家整理，本文链接：https://www.bmabk.com/index.php/post/97906.html
