VSCode 插件

必备基础系列

• Chinese (simple) language pack for visual studio code vscode 汉化包

• debuger for chrome 谷歌调试工具

• ESLint JS 语法检测

• htmlhint html 语法检测

• stylelint css 语法检测

• View In Browser 在浏览器中打开

• HTML CSS Support html/css 支持

• HTML Snippets HTML 代码智能填充

• Auto Close Tag 自动闭合标签

• Auto Rename Tag 自动重命名标签

• Path Intellisense 文件路径智能提示

• Prettier 格式化代码

• vscode-icons 优化各类格式文件的图标显示

• npm intellisense 智能提示本地的 node 包名

• npm npm 的支持，智能监测 package.json 文件规范

• JavaScript(ES6) code snippets ES6 语法提示

• filesize 左下角显示文件大小

• EditorConfig for VS Code 编辑器配置

可选基础类

• vue 2 snippets vue2 语法提示

• React/Redux/react-router Snippets react 语法提示

• tslint TS 语法检测，搭配 TypeScript 用 nimapp 微信小程序

• LESS IntelliSence LESS 智能提示

• stylelint CSS/SCSS/LESS 语法检测

• manta's stylus supremacy stylus 格式化支持

• language-stylus stylus 智能提示

• minapp 小程序开发包

• Beautify css/sass/scss/less 样式格式化

• Better Comments 注释规范化工具

效率类

• Code Runner 代码执行神器，省去在终端敲命令的步骤

• bookmarks 书签管理

• todo+ 待办管理

• GitLens git 支持

• git history diff 当前代码与 HEAD 的代码

• project manager 项目管理器，快速切换各个项目

• Live Server 调试服务器，可以在 html 文件中，右键选择在 live server 中打开

• markdownlint markdown 语法检测

• CSS peek css 类名在 html 文件中弹框提示

• git project manager git 项目管理器

• VSCode database 使用 vscode 连接数据库

• IntelliSense for CSS class names in HTML html 智能提示类名

• Color Picker 选色器

• Beautify 格式化代码

• Better Comments 注释美化

• document this 快速注释

• Bracket Pair Colorizer 花括号颜色匹配

• Quokka.js 实时标注执行情况

• VS Code for Node.js - Development Pack Node 开发包

• Node.js Extension Pack Node 扩展包

其他

• power mode 花哨你的编辑器

• background 给你的编辑器更换背景图