前端必备VSCode实用插件总结

必备插件

Auto Close Tag：可以自动闭合HTML标签

Auto Rename Tag：修改HTML标签时，能够自动修改匹配的标签

Beautify：javaScript、JSON、CSS、Sass、HTML格式化

Chinese (Simplified) Language Pack：中文简体版(vscode汉化)

Codelf： 变量命名神器，从此再也不用发愁要怎么命名变量了

Color Info：在颜色光标上悬停即可出现色彩模型rgb、hsl、css-color-name、hsv、lab、cmyk.....

CSS Peek：选中HTML里的一个class名或者id名，可以直接定位到该名称的CSS的位置

Debugger for Chrome：在Chrome中运行代码，使用vscode进行调试。

Document This：为js文件生成文档的代码注释。

ESLint：eslint插件,检查编程时的语法错误。

GitLens — Git supercharged：可以直接在光标处显示代码编写人以及时间

HTML Boilerplate：HTML 模版插件，可以摆脱为 HTML 新文件重新编写头部和正文标签的苦恼

HTML CSS Support：HTML里CSS属性提示

HTML Snippets：HTML代码自动补全

indent-rainbow：让缩进带有颜色

JavaScript (ES6) code snippets：代码片段提示

JavaScript Booster：代码重构，帮你优化代码

jQuery Code Snippets：代码片段提示

Live Sass Compiler：实时将SASS / SCSS文件编译/转换为CSS文件
Live Server：修改文件浏览器自动刷新；浏览器自动打开项目；本地开发搭建临时的服务

open in browser：安装完这个插件就可以在编辑器菜单右键html，在默认浏览器打开了

Path Intellisense：自动补全文件名

Prettier - Code formatter：代码格式化

Quokka.js：是一个调试工具，可以为您正在编写的代码提供实时反馈。它能够预览变量的函数和计算值结果

Rainbow Brackets：彩虹形括号，防止代码里的括号错乱

TSLint：tslint插件,检查编程时的语法错误

webpack：webpack插件，可以直接根据需要创建webpack配置文件，不需要自己配置

vue插件

Vetur：强大的vue开发插件，提供语法高亮、代码提示、错误检测、格式化等功能

微信小程序插件

vscode weapp api：提供微信小程序api支持及代码片段提示

minapp：实现微信小程序中wxml文件的自动补全功能

wechat-snippet：输入关键字提示微信小程序代码片段

wxml：格式化微信小程序wxml文件

wxss-peek：为wxss样式提供跳转到定义功能

flutter插件

Awesome Flutter Snippets：Flutter的代码提示片段

Flutter：flutter插件，可以在vscode里支持flutter