vscode 插件显示缩进_vscode常用插件

注意：要看需要去下载扩展，不要乱下载，否则大量的扩展会让vscode变成大型编辑器，导致系统跑不动，那么vscode的轻量级优点就没有了！

Auto Close Tag — 自动闭合HTML标签(佳佳)

Auto Rename Tag — 修改HTML标签时，自动修改匹配的标签(佳佳)

beautify— javascript, JSON, CSS, Sass, HTML 代码高亮

CSS Peek — 自动查找CSS文件

Easy Sass — scss/sass文件保存可自动生成并同步编译成同名css文件

Easy WXLESS — 微信小程序WXSS文件专用，保存可自动生成并同步编译成同名css文件

File Peek — 鼠标移到路径名按住ctrl可打开文件(佳佳)

GitLens — 显示文件最近的commit和作者,显示当前行commit信息

JavaScript Snippet Pack — 代码片段(Tab或者Enter补全)，Console命令，DOM — 文档对象模型，Loop，Function，Timer，NodeJS，BDD，Misc

Live Server — http服务器(相当于使用nodejs的http-server，首选项-设置-用户设置可配置更改端口：”liveServer.settings.port”: 8999)

npm — 运行npm命令

npm Intellisense — 导入模块时，提示已安装模块名称

OneDark-Pro — Atom’s ionic主题(首选项-颜色主题修改主题)

Prettier-Code formatter — 代码格式化(四个空格缩进：”prettier.tabWidth”: 4)

px2rem — px值转rem

stylelint — CSS/SCSS/LESS检查工具 (首选项-设置-用户设置配置： “stylelint.enable”: true, “css.validate”: false, “scss.validate”: false )

Vetur — Vue语法高亮

VSCode Great Icons — 文件图标(首选项-文件图标主题修改)

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代码编辑的扩展

IntelliSensefor CSSclass names：CSS类名工具