VSCode 前端常用插件

1. Chinese 菜狗必备，yyds

2. Color Highlight 代码高亮

3. ESLint 懂得都懂

4. Stylelint （css/less/sass语法检查）

5. Auto Rename Tag 自动重命名标签   (修改一侧标签后,另一侧会自动修改)

6. CSS Peek 快速定位CSS样式（在页面中按住Ctrl，鼠标点击类名后稍等一丢丢，会直接显示CSS样式）

7. GitLens  代码显示提交人名称，拒绝背锅

8. Turbo Console Log 一键注释再也不用打console.log了

   1. ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log

   2. alt + shift + c 注释所有 console.log

   3. alt + shift + u 启用所有 console.log

   4. alt + shift + d 删除所有 console.log

9. path Autocomplete 自动补全路径（打上./ 或者../）

10. Live Server 保存代码页面自动刷新

11. Prettier - Code formatter 代码格式美化

12. Image preview 图片预览（在文件名前显示图标缩略图）

13. px to rem & rpx & vw (cssrem)（写样式时写px 有 rem 可选项）

14. Vetur   /   Vue Language Features (Volar)  vue2提示器  /  vue3提示器

15. TypeScript Vue Plugin  (Volar) TS提示器

16. Git Graph 流水线形式查看存储库的 Git操作

17. Template String Converter（在字符串中打 $ 试试，自动转变模板字符串）

18. CodeSnap（捕捉的代码段，并将其转换为图像格式）

19. JavaScript (ES6) code snippets html css 补全

20. Regex Previewer 实时显示正则

21. Change Case 改命名规则（如驼峰）