Microsoft 推出的代码编辑器 Visual Studio Code 为开发者提供了许多实用的工具和插件扩展,大家可以根据自己的需求打造自己的编辑器。Visual Studio Code 定期更新插件扩展,你可以在它的 Marketplace 中寻找合适的工具、代码片段或其他内容以简化开发过程。
插件扩展是 Visual Studio Code 体验的一个重要组成部分,本文从 Marketplace 里面选出了 50 个值得大家一试的实用插件,以造福 VS Code 发烧友。下列插件全部免费,有些可能需要你安装额外的程序才能使用。当然,如果你有更好的推荐,欢迎留言分享。
如果你对于你的 TypeScript 质量表示怀疑,你可以使用集成在 VS code 中的 tslint linter 进行检查。
主要特征:
检查静态 TypeScript 的代码质量。
分析整个项目或者某一个特定区域的代码。
当分析多行代码时,允许你自动修改错误。
支持自动修复 warning 类型的提醒。
需要 tslint (全局安装或者是局部安装)。
Auto Import 是 VS Code 的自动导入模块,它可以自动查找解析,并为每一次的导入提供代码操作和代码补全。 Auto Import 适用于 TypeScript 和 TSX(的自动补全)。
主要特征:
Docker 是当今开发最热门的趋势之一,如果你使用 VS Code,就决不能错过 Docker Support。这是 Docker 的官方扩展,可帮助你创建 dockerflies,并为其添加语法高亮、命令和代码片段。
主要特征:
快捷键不仅可以节省时间,而且能让你在编码时保持心情舒畅。它们非常受 Visual Studio 用户的欢迎,而这个扩展则可以让你在 VS Code 中使用自己最喜爱的 VS 快捷键。
主要特征:
提供传统的 Visual Studio 快捷键设置方案
可以轻松地添加自定义的快捷方式
将 Windows,Linux 和 Mac 的快捷方式引入到了 Visual Studio Code
可以在扩展的贡献列表中找到的所有快捷键方案
可以使用这个 Visual Studio Code 扩展来保持编码风格的一致。即使在你的团队中使用多中 IDE 和编辑器,也可以用针对 VS Code 的 EditorConfig 来实现一致性。 在其内部,EditorConfig 使用了 editorconfig npm 软件包,它是几个可用的 EditorConfig 核心之一。 你可以参考下 EditorConfig 的主网站。
主要特征:
它是 EditorConfig 面向 Visual Studio 官方发布的扩展
可以用来定义缩进,制表符以及行开始和结束位置的样式
拥有可以用来读取和遵循已经定义好了的样式规则的文本编辑器插件
使用了 editorconfig npm 软件包
Evernote 是最受欢迎的笔记应用程序之一。它可以用于通过 Evermonkey 扩展来提高编码的质量和效率。这个方便的 Visual Studio Code 扩展能让 Evernote 支持 Markdown,与 Sublime Text 遵循相同的原则,但拥有更快速的体验。
主要特征:
在 Visual Studio Code 中为 Evernote 提供支持
它会在本地缓存数据,以避免重复的网络请求,这样能获得更快速的体验
增益的 UI 设计使其外观得到了改善
你可以使用这个简单而实用的 VS Code 扩展来获取到使用了 ES6 的 React 和 Redux 的 JavaScript 代码片段,以帮助自己构建组件。
主要特征:
使用 JavaScript 提供代码片段
可以通过按下 Ctrl +空格 来快速地访问代码片段
拥有样板的辅助
得益于其强大的工具和技术,Chrome一直被开发人员广泛地使用着,在浏览器领域保持着最高的市场份额,它为开发人员的生活提供了诸多便利。 这个 VS Code 扩展程序可协助你在 Chrome 中调试 JavaScript,并提供了许多有用,省时的功能。
主要特征:
适用于支持 Chrome 调试协议的其它目标
当启用了源映射的时候,即使在源文件上也可以设置断点
可以对脚本标签以及 eval 脚本进行调试,只要它们添加了 added
支持本地的窗格,变量观察以及控制台
评论删除后,数据将无法恢复
评论(13)
引用来自“反AI首席倡议官”的评论
就这些吗?Atom 虐你几条街!
不过还是希望你可以好好的发展,多一个选择不是坏事!
但是,你还是很渣
引用来自“反AI首席倡议官”的评论
就这些吗?Atom 虐你几条街!
不过还是希望你可以好好的发展,多一个选择不是坏事!
但是,你还是很渣
引用来自“dhssingle”的评论
VSC性能虐你Atom几条街!引用来自“反AI首席倡议官”的评论
就这些吗?Atom 虐你几条街!
不过还是希望你可以好好的发展,多一个选择不是坏事!
但是,你还是很渣
引用来自“dhssingle”的评论
VSC性能虐你Atom几条街!羞耻自荐一发,VSCode拓展插件推荐
引用来自“反AI首席倡议官”的评论
就这些吗?Atom 虐你几条街!
不过还是希望你可以好好的发展,多一个选择不是坏事!
但是,你还是很渣
引用来自“反AI首席倡议官”的评论
就这些吗?Atom 虐你几条街!
不过还是希望你可以好好的发展,多一个选择不是坏事!
但是,你还是很渣
引用来自“反AI首席倡议官”的评论
就这些吗?Atom 虐你几条街!
不过还是希望你可以好好的发展,多一个选择不是坏事!
但是,你还是很渣
引用来自“反AI首席倡议官”的评论
就这些吗?Atom 虐你几条街!
不过还是希望你可以好好的发展,多一个选择不是坏事!
但是,你还是很渣