程序员必备 VS Code 插件大全！

👉目录

1 Code Runner

2 AI 代码助手

3 Settings Sync 插件漫游

4 在 VS Code 中练习 LeetCode

5 Rainbow 系列

6 TODO Highlight & TODO Tree

7 Material Them & Material Theme Icons

工欲善其事，必先利其器！VS Code 就像经典游戏《上古卷轴5：天际》一样，本体已经足够强了，但如果你装上各种奇技淫巧的 mod（插件），你能收获完全不一样的游戏（开发）体验。——介系你没有玩过的船新版本！

本篇文章，我们精选了鹅厂程序员强推的 VS Code 插件大全，帮助你在写代码的路上一路狂飙，效能翻倍！

01

Code Runner

最好的软件开发往往来自于程序员的直接需求，Code Runner 作者是一位曾就职于微软的中国程序员，他为了方便自己的日常开发工作，开发了 Code Runner 这款可以在 VS Code 中方便快捷运行各种语言代码的插件。目前该款插件已经支持超过 50 种编程语言，下载量超过 2700 万次。

下载地址：

https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

02

AI 代码助手

腾讯云 AI 代码助手是由腾讯云自研的一款开发编程提效辅助工具，基于混元代码大模型，提供技术对话、代码补全、代码诊断和优化等能力。

本工具为开发者提供了针对不同 IDE 的插件，如 JetBrains 插件和 VS Code 插件。通过腾讯云 AI 代码助手，开发者可以更高效地解决实际编程问题，提高编程效率和代码质量。

下载地址：

https://marketplace.visualstudio.com/items?itemName=Tencent-Cloud.coding-copilot&ssr=false#overview

03

Settings Sync 插件漫游

当你在跨机器、跨平台、跨区域进行开发时，经常会遇到要在不同的机器上重装一遍插件的窘境，如果本来使用的插件就已经很多，那么这个工程就会更加繁琐。

Settings Sync 就是为了解决这个问题而开发的，值得一提的是 VS Code 官方也提供了同样名称的官方插件，大家可以选择适合自己的版本安装使用。

下载地址：

https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

04

在 VS Code 中练习 LeetCode

当前的就业环境波诡云谲，没有人能保证自己的工作就一定能长久地干下去。等到要找工作的时候再刷题岂不是有点晚了？平常开发写代码累了，直接在 VS Code 里刷几道题，既能陶冶情操，又能维持技能水平，还不会被认为是在摸鱼，岂不美哉？

下载地址：

https://marketplace.visualstudio.com/items?itemName=LeetCode.vscode-leetcode

05

Rainbow 系列

   5.1 彩虹缩进 indent-rainbow

可以为 VS Code 设置添加色彩、提高生产力。它还可以作为缩进的对齐检查，每个缩进都有一个交替的彩虹颜色。

下载地址：

https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

   5.2 Rainbow CSV 

这个插件允许你在逗号分隔（.csv）、制表符分隔（.tsv）、分号和竖线分隔的文件中，用不同的颜色高亮显示列。查看 CSV 格式文件效率直接起飞。

下载地址：

https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv

06

TODO Highlight & TODO Tree

程序员有时候会有意无意地忘记自己留下的 TODO，随着时间的推移，TODO 就成了一个没有人能看懂的注释。TODO Highlight 可以高亮你在写代码时挖的坑，以免坑到后来人。

下载地址：

https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

相似类型的插件还有 TODO Tree，大家可以根据自己的喜好选择安装。

下载地址：

https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree

07

Material Them & Material Theme Icons

颜值就是正义，颜值就是生产力，颜值就是 Everything！换上这俩配套插件，芜湖起飞 ✈️！

下载地址：

https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme

https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons

-End-

原创作者｜鹅厂工程师

往期推荐

苦尽甘来，下一站，上岸字节（船）

12 种 Vue 设计模式

5个改善用户体验的HTML属性

最后

• 欢迎加我微信，拉你进技术群，长期交流学习...
  

• 欢迎关注「前端Q」,认真学前端，做个专业的技术人...

点个在看支持我吧