# VSCode 常用插件推荐

# HTML/CSS

• HTML Snippets
• HTML Class Suggestions
• CSS Peek - 快速定位样式所在文件和行号
• File Peek
• Path Intellisense - 文件路径自动补全
• Auto Close Tag - 自动闭合标签
• Auto Rename Tag - 自动重命名标签

# JavaScript

• ESLint

• Prettier - Code formatter - 代码格式化工具

• JavaScript(ES6) code snippets

• Quokka.js - 神器 用来写 js 可以智能提醒错误以及自动显示结果变量

• Document This

# Git 三件套

• Git Blame
• Git History
• Git Lens

# node/npm

• Node.js Modules Intellisense - node 模块智能查找
• npm Intellisense - 同上
• Search node_module - 模块搜索

# 开发

• Bracket Pair Colorizer - 在多括号的情况下能很快找到对应情况

• highlight-matching-tag - 迅速找到对应的闭合标签

  

• Code Runner - 运行选中的 js 代码 结果显示在终端中 除 js 外还支持绝大多数语言

• Import Cost - 可以知道导入的包有多大

  

• Indenticator - Indenticator(缩进指示器) 在视觉上突出显示当前的缩进深度。因此，现在您可以轻松区分在不同层次缩进的各种代码块。

  

• Code Spell Checker - 代码拼写检查 用于变量规范命名

• Live Server - 写静态文件时可以利用 VSCode 自动启动一个服务 便于局域网内查看效果

• TODO Highlight

• Terminal

• Manta's Stylus Supremacy - stylus 工具，配置文档

• minapp - vscode 开发小程序拓展，支持原生小程序、mpvue、wepy框架并支持对应的 snippets
• vetur - 开发vue必备

# 主题/icons

• Atom One Dark Theme
• One Dark Pro
• VSCode Great Icons
• vscode-icons