前端必备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

你可能感兴趣的:(前端,plugin)