免费、开源、跨平台。重新定义代码编辑器。这是 VSCode 官网上的定义。基于良好的性能和丰富的插件，市场占用率和用户数也是连创新高。
VSCode 好用离不开丰富的插件。
有很多文章给大家推荐插件了，所以本篇文章就不推荐一些基础使用的插件，而是把一些使用率不高，但是很有用的插件介绍给大家。
GitHub Copilot
最近特别火的一个 AI 自动提示代码 。GitHub Copilot 由 OpenAI Codex 人工智能系统提供，基于 GitHub 数十亿行代码训练。
先随便来个正则测试下。就 IPv4 吧。
嗯，感觉比我写的顺滑多了。。。
加点难度，来个面试题。写个深拷贝。
唔，虽然是最简单版的，但确实是对的。
换个关键字。看能不能更完善一点。
牛逼啊，再加点难度。。
换个 LeetCode 算法试试。选个中级的，把题目复制下来。
自动生成代码，拿代码去跑一下。
emmm，厉害呀。
更多测试大家自己去体验吧，copilot.github.com/ 去官方申请，一般第二天就会开通权限了。
Debug Visualizer
这个插件是 VSCode 团队核心成员开发的，可以做数据可视化，我现在用到最多的地方就是算法可以直观的看到数据变化步骤。
下面用一个双指针的例子来看一下怎么使用
运行和调试选择创建launch.json，运行环境选Node.js就行
2.
Ctrl + Shift + P 打开命令面板，输入 Debug Visualizer: New View 打开一个新的可视化窗口
3. 编写代码，这里就选 LeetCode 15. 三数之和 这题了
4. 打好断点，开始调试
虽然有可视化数据了，也有动画了，但是没有指针和返回结果。
输入框里修改一下，然后再新打开一个新的可视化窗口。
这样就能同时看到每一步的数据，指针，和返回值变化了。
可以看到输入框里其实是写了两种类型的，一种是数组，另一种是一个函数。实际上可以输入 变量名、数组、函数、JSON 几种种类型的数据，然后插件内部会自动换换成对应的图表 JSON 数据，如果实在转换不了就会执行 toString。
输入规则可以到 Visualization Playground 这里看。
函数的话，可以使用插件暴露出来的 hedietDbgVis 全局对象。
hedietDbgVis对外提供了 7 个方法：createGraph、createGraphFromPointers、tryEval、markedGrid、cache、asData、getApi。
Quokka.js
Quokka 是一个调试工具，可以为您正在编写的代码提供实时反馈。
下面图里的提示也是这个功能。
说实话，这个插件的收费功能感觉基本都用不上。只有一个实时显示有点用，而且这个免费版也可以用。
这个插件是分社区版（免费）和 Pro 版（收费）的。
Regex Previewer 和 Regexp Explain
这两个正则相关的放在一起吧，第一个在写正则时非常好用，第二在看别人的正则时非常好用。
Regex Previewer 使用很简单，当你写了一个正则表达式时，就会在上面出现一行 Test Regex 点击就可以测试你的正则了。
Regexp Explain 是一个正则的可视化工具，比较复杂的正则可以用这个来辅助分析。
包含两个功能，可视化预览和编辑同步可视化。可视化预览选中正则，右键 Regexp Explain 就可以了。
编辑功能需要 Ctrl + Shift + P 打开命令面板，输入 Regexp Editor
Code Spell Checker
这个是一款帮助我们做单词拼写检查的工具。算是代码质量的一部分吧。
来看下实际应用吧。
比如我们找一个比较火的仓库， vueuse 吧。看下肯定有单词拼错的。
修改一下，提个 PR。
然后2个小时之后，你就是这个项目的 Contribute 了。（不得不说托尼老师效率还真是高啊）
以上所有插件在扩展里直接搜名字就可以。
最后祝大家工作顺利，各位靓仔，不要忘了点赞啊。
