VSCode 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。
1.《Chinese (Simplified) (简体中文) Language》
首先呢，我先推荐的就是最基础的语言包，没办法，英语水平太捞了哈哈哈，弄起来后就舒服多了，汉语yyds~
2.《ESLint》
这个其实真的是又爱又恨，有时候一些写法自己觉得很舒服，他就给你提示不规范，看个人开发习惯吧哈哈哈
3.《Git History》
查看git的分支管理、提交记录等
4.《Vetur》
这个vue开发者必备的扩展就不多做解释了，代码高亮，补齐等等
5.《GitLens — Git supercharged》
git团队项目管理工具
这个工具可以清楚的看见哪些bug是谁写的，还有很多功能，也是团队开发中必安的插件。
6.《Image preview》
图片是否正确引入的显示工具，在图片连接上按住ctrl，鼠标悬浮即可看见是否正确找到路径下的图片文件，非常有用！
7.Debugger for Chrome
映射vscode上的断点到chrome上，方便调试
8.Prettier
Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint，那么还有个 Prettier – Eslint 插件，你可不要错过咯。
9.Vue Language Features (Volar)
相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。
而随着 Vue3 正式版发布，Vue 团队官方推荐 Volar 插件来代替 Vetur 插件，不仅支持 Vue3 语言高亮、语法检测，还支持 TypeScript 和基于 vue-tsc 的类型检查功能。
10.Vite
Vite 插件可以让我们打开项目后，就能自动启动开发服务器，允许开发者无需离开编辑器即可预览和调试应用。支持一键启动、构建和重启项目。
11.Code Spell Checker
Code Spell Checker 是在VSCode中的一款插件，能够帮助我们检查单词拼写是否出现错误，检查的规则遵循 camelCase （驼峰拼写法）。
12.Angular Language Service
超好用的从模板 html F12一键定位变量定义位置
13.Angular Files
一键生成angular需要的文件。
14.《小霸王》
在线支持几十款游戏，实乃上班娱乐摸鱼的必备插件！！！！！
上有超级玛丽下有坦克大战 开箱即用 点开即玩 可放大放小 娱乐无穷！！！！
就先介绍这几款常用的插件，后续有的话还会再添加，也欢迎各位朋友补充推荐哈。
来源于：程序员导航