【VScode】前端必备插件（持续补充中...）

基础

Chinese (Simplified)

• 适用于 VS Code 的中文（简体）语言包
  

Auto Close Tag

• 自动闭合HTML/XML标签
  

Auto Rename Tag

• 自动重命名配对的HTML/XML标记 ，完成另一侧标签的同步修改

Path Intellisense

• 自动路径补全
  

Bracket Pair Colorizer

• 给括号加上不同的颜色，便于区分不同的区块
  

JavaScript(ES6) code snippets

• ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间
  

HTML CSS Support

• 让 html 标签上写class 智能提示当前项目所支持的样式
  

beautify

• 格式化代码工具
  

Prettier - Code formatter

• 保存的时候自动格式化代码

Vue 插件

Vetur

• Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。

Vue 3 Snippets

• Vue 智能感知

Vue VSCode Snippets

• 代码片段引用，比如输入vbase就好自动创建vue文件代码结构
  

扩展

Gitlens：提示提交记录

• 任意选择一个文件，你鼠标点击哪一行代码，后面都会提示谁在什么时候做了什么，鼠标悬浮提示上便会直接显示作者，版本，时间