10个超极好用的VSCode神级插件，每个程序员必备！

公众号关注 「奇妙的 Linux 世界」

设为「星标」&＃xff0c;每天带你提升开发效率&＃xff01;

无论你是经验丰富的开发人员还是刚刚开始第一份工作的初级开发人员&＃xff0c;你都会想让自己的开发工作尽可能轻松一点。正确的工具使用则可以帮助你实现这个目标。

如果你选择使用 Visual Code 作为 IDE&＃xff0c;你就可以使它符合你的偏好选择。实现此目的的一种方法是安装正确的插件。为了让你的生活尽可能的简单&＃xff0c;你可以添加很多你想要的内容。

你使用的插件将会对你的工作效率以及工作方式产生很大的影响。这就是为什么我们要运用 Visual Studio Code 插件列表的原因。

我们改变工具&＃xff0c;工具再改变我们。—— 杰夫・贝佐斯&＃xff08;Jeff Bezos&＃xff09;

请注意&＃xff0c;所有这些插件都可以在 Visual Studio Marketplace 上免费获得。

Visual Studio Intellicode

下载超过 320 万次的 Visual Studio Intellicode 是 Visual Studio 下载次数最多的插件之一。而且&＃xff0c;在我看来&＃xff0c;它是你能用到的最有用的插件之一。
这个插件旨在帮助开发人员提供智能的代码完成建议而构建的&＃xff0c;并且已预先构建了对多种编程语言的支持。

Visual Studio Intellicode 使用机器学习技术来观察和查找众多开源 GitHub 项目中使用的模式&＃xff0c;并在编码时提供建议。

 Git Blame

这是谁做的&＃xff1f;&＃xff01;

有时候&＃xff0c;你需要知道是谁写了这段代码。好吧&＃xff0c;Git Blame 进行了救援&＃xff0c;它会告诉你最后接触一行代码的人是谁。最重要的是&＃xff0c;你可以看到它发生在哪个提交中。

这是非常好的信息&＃xff0c;特别是当你使用诸如特性分支之类的东西时。在使用特性分支时&＃xff0c;你可以使用分支名称来引用票据。因为 Git Blame 会告诉你哪一个提交 (也就是哪个分支) 的一行代码被更改了&＃xff0c;所以你就会知道是哪一个票据导致了这种更改。这有助于你更好地了解更改背后的原因。

Prettier

Prettier 是开发人员在开发时需要遵循一组良好规则的最佳插件之一。它是一个引人注目的插件&＃xff0c;让你可以利用 Prettier 软件包。它是一个强大的、自以为是的代码格式化程序&＃xff0c;可以让开发人员以结构化的方式格式化他们的代码。

Prettier 与 Javascript、TypeScript、HTML、CSS、Markdown、GraphQL 和其他现代工具一起使用&＃xff0c;可以让你能够正确地格式化代码。

Javascript (ES6) Code Snippets

每个略更新的网页开发人员可能都使用过各种 Javascript 堆栈。无论你选择哪种框架&＃xff0c;在不同的项目中键入相同的通用代码应该会减少你的工作流程。

Javascript (ES6) Code Snippets 是一个方便的插件&＃xff0c;它为空闲的开发人员提供了一些非常有用的 Javascript 代码片段。它将标准的 Javascript 调用绑定到简单的热键中。一旦你掌握了窍门&＃xff0c;你的工作效率就会大大提高。

Sass

你可能已经猜到了&＃xff0c;这个插件可以帮助正在使用样式表的开发人员。一旦开始为应用程序创建样式表&＃xff0c;就一定要使用 Sass 插件。该插件支持缩进的 Sass 语法自动设置语法制导 、自动补全和格式化。

在样式方面&＃xff0c;你肯定希望将此工具包含在你的工具集中。

Path Intellisense

Path Intellisense 是 Visual Studio 代码之一&＃xff0c;它可以为你的开发提供有保证的生产力提升。如果你同时处理许多项目&＃xff0c;使用了太多不同的技术&＃xff0c;那么你肯定会需要一个可以帮你记住路径名的便捷工具。这个插件将为你节省大量的时间&＃xff0c;否则将浪费在寻找正确的目录上。

Path Intellisence 最初是用于自动完成文件名的简单扩展&＃xff0c;但它后来被证明是大多数开发人员工具集中的宝贵资产。

Debugger for Chrome

如果需要调试 Javascript&＃xff0c;则无需离开 Visual Studio Code。微软发布的 Chrome 调试器允许你可以直接在 Visual Studio Code 中调试源文件。

ESLint

ESLint 插件将 ESLint 集成到 Visual Studio Code 中。如果你不熟悉它&＃xff0c;ESLint 就会作为一个静态分析代码的工具来快速发现问题。

ESLint 发现的大多数问题都可以自动修复。ESLint 修复程序可识别语法&＃xff0c;因此你不会遇到由传统查找和替换算法引入的错误。最重要的是&＃xff0c;ESLint 是高度可定制的。

SVG Viewer

SVG Viewer 扩展添加了许多实用程序&＃xff0c;可用于在 Visual Studio Code 中使用 SVG。这个插件使呈现 SVG 文件和查看它们的外观成为可能&＃xff0c;而不必离开编辑器。此外&＃xff0c;这个插件还具有用于转换为 PNG 并生成数据 URI 模式的选项。

Themes

最后但并非最不重要的是 Themes。既然你每天都会看到你的编辑器&＃xff0c;那为什么不把它做得尽可能的漂亮呢&＃xff1f;有大量的自定义插件可以改变侧边栏的配色方案和图标。一些流行的 Themes 是免费提供的&＃xff0c;分别是 One Monokai &＃xff0c;One Dark Pro 和 Material Icon 。

原文&＃xff1a;https://medium.com/better-programming/10-extremely-helpful-visual-studio-code-plugins-for-programmers-c8520a3dc4b8

本文转载自&＃xff1a;「CSDN」&＃xff0c;原文&＃xff1a;http://tinyurl.com/tvausqk&＃xff0c;版权归原作者所有。欢迎投稿&＃xff0c;投稿邮箱: editor&＃64;hi-linux.com 。

你可能还喜欢

点击下方图片即可阅读

掌握了这 10 款开源安全工具&＃xff0c;从此系统稳定可靠乐无忧&＃xff01;

点击上方图片&＃xff0c;打开小程序&＃xff0c;加入「玩转 Linux」圈子

更多有趣的互联网新鲜事&＃xff0c;关注「奇妙的互联网」视频号全了解&＃xff01;