每个开发人员都应该使用的顶级 VS Code 扩展
您是否正在寻找出色的 VS Code 扩展程序来帮助您提高编码效率?🤔
如果你说的是Yes
……,那你来对地方了。在本文中,我将分享一些你必备的 VS Code 扩展,让你的生活更轻松。😛
VS Code 是什么?🤯
Visual Studio Code是微软为 Windows、Linux 和 macOS 开发的一款免费源代码编辑器。其功能包括支持调试、语法高亮、智能代码补全、代码片段、代码重构和嵌入式 Git。
为什么选择 VS Code?🧐
Microsoft Visual Studio 是一款优质且最主要的编程 IDE,在工程师中非常流行。
它包含大量不同类型的工具和功能,使测试和兼容性更加容易。
Visual Studio Code 可能是适用于 Windows、Mac 和 Linux 的最佳 JavaScript IDE。如今,VS Code 是开发人员最常用的 IDE 之一。
顶级 VS Code 扩展,你必须拥有🤩
-
更好的注释
更好的注释扩展将帮助您在代码中创建更人性化的注释。如果您喜欢观看不同颜色的注释,那就试试吧。 -
括号对着色器
此扩展允许使用颜色来识别匹配的括号。用户可以定义要匹配的字符以及使用的颜色。 -
Chrome 调试器
VS Code 扩展程序用于在 Google Chrome 浏览器或其他支持 Chrome DevTools 协议的目标中调试您的 JavaScript 代码。 -
ES7 React/Redux/GraphQL/React-Native 代码片段:
此扩展程序将为您提供 JavaScript 和 React/Redux 代码片段。这样,您就无需再怀疑自己的语法了。它将帮助您更快、更高效地编写代码。此外,它还能节省您编写导入或 React 组件的大量时间(仅供参考)。 -
ESLint
ESLint 是一款出色的 linter,它可以在您运行代码之前找出语法错误,以便您发现代码中的问题。 -
file-icons
它提供独特的文件图标,以便在 IDE 中快速识别文件类型。 -
GitLens — Git 增强版
GitLens 增强了 Visual Studio Code 内置的 Git 功能。它可以帮助您通过 Git 追溯注释和代码透视图一目了然地查看代码作者,无缝导航和探索 Git 存储库,通过强大的比较命令获取有价值的见解等等。 -
导入成本
此扩展将在编辑器中内联显示导入包的大小。该扩展使用 webpack 和 babili-webpack-plugin 来检测导入包的大小。 -
indent-rainbow
此扩展程序可对文本前面的缩进进行着色,每一步交替使用四种不同的颜色。 -
实时服务器
启动具有静态和动态页面实时重新加载功能的本地开发服务器。 -
路径自动完成
功能为 Visual Studio Code 提供路径自动完成功能。我个人觉得这个扩展非常有用。 -
Prettier
Prettier 是一款规范的代码格式化工具。它会解析你的代码,并根据自己的规则重新打印,同时考虑到最大行长,并在必要时进行换行,从而强制保持一致的风格。
我使用的 VS Code 主题💜
Sarah Drasner 的Night Owl
是一款专为夜猫子设计的 VS Code 主题。现推出 Light Owl 主题,供白天使用。设计决策基于有意义的对比,有助于阅读理解,并达到最佳的视觉效果。✨
这些是我日常工作中用到的扩展程序。哇哦!我们成功了!🎉
你设置好 VS Code 了吗?显然是的,不是吗?👀
你在编程时还用过其他扩展吗?请在评论区告诉我。✍️
谢谢你读到最后。🙏
希望以上内容对您有所帮助!请在评论区分享您的想法。别忘了分享这篇文章给您的朋友或同事。欢迎通过以下任何平台与我联系!🚀
文章来源:https://dev.to/iamdarshshah/top-vs-code-extensions-every-developer-should-use-1man