前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >10 个超极好用的 VS Code 神级插件,每个程序员必备!

10 个超极好用的 VS Code 神级插件,每个程序员必备!

作者头像
iMike
发布2020-04-26 10:08:25
1.4K0
发布2020-04-26 10:08:25
举报
文章被收录于专栏:运维之美运维之美

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

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

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

我们改变工具,工具再改变我们。—— 杰夫・贝佐斯(Jeff Bezos)

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

Visual Studio Intellicode

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

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

Git Blame

这是谁做的?!

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

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

Prettier

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

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

JavaScript (ES6) Code Snippets

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

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

Sass

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

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

Path Intellisense

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

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

Debugger for Chrome

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

ESLint

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

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

SVG Viewer

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

Themes

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

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

本文转载自:「CSDN」,原文:http://tinyurl.com/tvausqk,版权归原作者所有。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-04-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 奇妙的Linux世界 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档