自用VSCode插件集锦，适用于Vue、Nuxt等，小技巧等

# 一、git(必备)

1. GitLens — Git superchargedopen in new window
2. Git Graphopen in new window
3. Git Historyopen in new window

# 二、前端开发

1. HTML CSS Supportopen in new window
2. Auto Close Tagopen in new window: HTML标签自动闭合插件，会自动帮你补全右半边
3. Auto Importopen in new window: 自动导入插件，有时可能会错误地导入一些不需要的东西，最好搭配代码检查插件检查未使用的引入。
4. Auto Rename Tagopen in new window: HTML标签自动重命名，在对HTML改变的时候很方便，可以同时改变左右两边的标签名
5. change-caseopen in new window: 快速转换不同的命名方式，如驼峰命名、下划线命名等
6. Code Spell Checkeropen in new window: 拼写检查，避免拼写错误产生的尴尬
7. Color the tag name（タグに色つけ太郎）open in new window: 给HTML标签添加颜色
8. Figma for VS Codeopen in new window: Figma插件，可能网页用起来还是更方便些
9. Luna Paint — Image Editoropen in new window: 简易的图片编辑器
10. Guidesopen in new window: 根据缩进对代码添加辅助线，对于HTMl这样嵌套多层的代码可以更好的理清楚结构
11. Import Costopen in new window

# 三、Vue

1. Vue Language Features (Volar)open in new window
2. TypeScript Vue Plugin (Volar)open in new window
3. Vue 3 Snippetsopen in new window
4. Viteopen in new window
5. vue-helperopen in new window

# 四、主题美化

1. Atom One Dark Themeopen in new window
2. Fluent Icons(必备)open in new window: 图标插件，可以帮助更好地区分不同文件夹的职责，以及不同的文件类型

# 五、代码格式化(必备)

在大型项目工程中，代码格式化插件是必备的

1. ESLintopen in new window
2. Prettier - Code formatteropen in new window
3. Stylelintopen in new window

# 六、代码提示

1. IntelliSense for CSS class names in HTMLopen in new window
2. JavaScript (ES6) code snippetsopen in new window