必备插件
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