你需要安装的十大 Visual Studio Code 扩展

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

我猜你用的是 Visual Studio Code 吧？
这可是微软出品的一款超棒的产品（咳咳：微软只有这一个……），我们都爱它。更棒的是，它还有数不胜数的扩展程序。

在本文中，我们将介绍十款独特的扩展程序，您需要安装这些程序才能让您的生活更轻松。

1. Tailwind CSS IntelliSense

IntelliSense 扩展程序总体来说非常出色。它们可以通过自动补全功能来提升开发效率。
这款扩展程序专为 Tailwind 构建，如果您正在使用 Tailwind，那么这款扩展程序绝对是您的必备之选！

安装 Tailwind CSS IntelliSense

2. TabNine

这个扩展太棒了，我最近才发现它，但它简直是 Visual Studio Code 的超级利器。
它几乎可以自动补全任何内容！

它能理解你输入的任何内容，无论是代码、普通句子还是其他任何东西，并自动为你提供建议。

安装 TabNine

3. 自动导入

自动导入脚本简直是救星。这款脚本支持 TypeScript 和 TSX。
它会自动导入你输入的任何内容，如果你曾经使用过 TypeScript，你就知道为什么你需要它了！

安装自动导入

4. 浏览器预览

这个扩展程序太棒了！它能让你在 Visual Studio 里拥有一个真正的浏览器，方便你进行调试。
我用这个插件的次数简直数不胜数。
它基于无头 Chrome 浏览器，安全性也很高。

安装浏览器预览

5. Live Sass 编译器

这款插件可以实时编译你的 SASS/SCSS 文件，甚至还带有浏览器自动刷新功能。
它的设置超级简单，你只需点击“监视 Sass”按钮即可运行。
开发 SCSS 从未如此轻松！

安装 Sass 编译器

6. Prettier - 代码格式化工具

这是一个超级棒的代码格式化工具。Prettier 能让你的代码看起来美观又统一。它支持多种编程语言，这一点非常出色。
更棒的是，你甚至可以自定义规则来满足你的需求。

安装 Prettier

7. 更好的评论

标题已经说明一切，谁不想拥有更好的评论呢？
这款扩展程序将帮助您创建更人性化的评论。它支持注释功能，这对于展示完美的评论非常有帮助。
使用 Better Comments，开启您的新习惯吧！

安装更好的评论

8. 在线服务器

在线服务器真是个很棒的功能。比如，我有很多演示用的 HTML 文件，有时候只想预览一下。
从在线服务器简单启动一下，一切就搞定了。

安装 Live Server

9. 德古拉主题曲

有时候，扩展程序并非旨在提供实际的功能，而是通过视觉上的吸引力来提升用户体验。Dracula
主题堪称最佳，如果你还没试过，现在就去试试吧。你绝对不会后悔。

安装德古拉

10. 括号对着色器

这个插件太棒了！它可以给匹配的括号着色。如果你编写大型系统，要分辨哪个括号对应哪个函数会非常繁琐。
这个扩展程序通过为每一对括号显示不同的颜色来帮你解决这个问题。

安装支架对着色器

感谢阅读，让我们保持联系！

感谢您阅读我的博客。欢迎订阅我的电子邮件简讯，也可以在Facebook或Twitter上关注我。