2KB项目,专业的源码交易网站 帮助 收藏 每日签到

闪开发更快更顺畅的 VS Code 插件引荐(一)

  • 时间:2019-05-14 16:49 编辑:2KB 来源:2KB.COM 阅读:442
  • 扫一扫,手机访问
  • 分享
摘要: 英文原文:Top
英文原文:Top Visual Studio Code Extensions: 50 Powerful Tools to Make Visual Studio Code Even More Useful

Microsoft 推出的代码编辑器 Visual Studio Code 为开发者供给了很多适用的Tools和插件扩大,大师可以依据本人的需求打造本人的编辑器。Visual Studio Code 定时更新插件扩大,你可以在它的 Marketplace 中寻觅适宜的Tools、代码片断或其他内容以简化开发进程。

插件扩大是 Visual Studio Code 体验的一个主要构成部分,本文从 Marketplace 外面选出了 50 个值得大师一试的适用插件,以造福 VS Code 发热友。以下插件全体收费,有点可能需求你安装额定的顺序才干运用。固然,假如你有更好的引荐,欢送留言分享。


1、TSLint

假如你关于你的 TypeScript 质量表现疑心,你可使用集成在 VS code 中的 tslint linter 实行反省。

首要特点:

  • 反省静态 TypeScript 的代码质量。

  • 剖析全部项目或许某一个特定区域的代码。

  • 当剖析多行代码时,答应你主动修正错误。

  • 支撑主动修复 warning 类型的提示。

  • 需求 tslint (全局安装或许是部分安装)。

2、Auto Import

Auto Import 是 VS Code 的主动导入模块,它可以主动查找剖析,并为每次的导入供给代码操作和代码补全。 Auto Import 实用于 TypeScript 和 TSX(的主动补全)。

首要特点:

  • 可轻松扫描大型项目中的代码

  • 导入形态栏会显示可用的导入数

  • 可从统一地位兼并导入


3、Docker Support

Docker 是现今开发最抢手的趋向之一,假如你运用 VS Code,就决不克不及错过 Docker Support。这是 Docker 的官方扩大,可协助你创立 dockerflies,并为其添加语法高亮、号令和代码片断。

首要特点:

  • 简化容器化使用的创立和启用
  • 主动生成 dockerfile 和 docker-compose.yml
  • Dockerfile 和 docker-compose 内置于号令调色板中
  • 有语法高亮和 hover 提醒
  • Dockerfile 文件含有代码片断和 linting 功用


4、Visual Studio Keymap

快捷键不只可以节俭工夫,并且能让你在编码时坚持心境酣畅。它们十分受 Visual Studio 用户的欢送,而这个扩大则可让你在 VS Code 中运用本人最喜欢的 VS 快捷键。

首要特点:

  • 供给传统的 Visual Studio 快捷键设置计划

  • 可以轻松地添加自定义的快捷方法

  • 将 Windows,Linux 和 Mac 的快捷方法引入到了 Visual Studio Code

  • 可以在扩大的奉献列表中找到的一切快捷键计划

5、EditorConfig for VS Code

可使用这个 Visual Studio Code 扩大来坚持编码作风的一致。即便在你的团队中运用多中 IDE 和编辑器,也能够用针对 VS Code 的 EditorConfig 来完成一致性。 在其外部,EditorConfig 运用了 editorconfig npm 软件包,它是几个可用的 EditorConfig 中心之一。 你可以参考下 EditorConfig 的主网站

首要特点:

  • 它是 EditorConfig 面向 Visual Studio 官方宣布的扩大

  • 可以用来定义缩进,制表符和行Start和完毕地位的款式

  • 具有可以用来读取和遵照曾经定义好了的款式规矩的文本编辑器插件

  • 运用了 editorconfig npm 软件包

6、Evermonkey

Evernote 是最受欢送的条记使用顺序之一。它可以用于经过 Evermonkey 扩大来进步编码的质量和效力。这个便利的 Visual Studio Code 扩大能让 Evernote 支撑 Markdown,与 Sublime Text 遵照类似的准绳,但具有更疾速的体验。

首要特点:

  • 在 Visual Studio Code 中为 Evernote 供给支撑

  • 它会在当地缓存数据,以免反复的收集恳求,如许能取得更疾速的体验

  • 增益的 UI 设计使其外观失掉了改良

7、React Redux ES6 Snippets

你可使用这个容易而适用的 VS Code 扩大来获得到运用了 ES6 的 React 和 Redux 的 JavaScript 代码片断,以协助本人构建组件。

首要特点:

  • 运用 JavaScript 供给代码片断

  • 可以经过按下 Ctrl +空格 来疾速地拜访代码片断

  • 具有样板的辅佐

8、Debugger for Chrome

得益于其弱小的Tools和技术,Chrome不断被开发职员普遍地运用着,在阅读器范畴坚持着最高的市场份额,它为开发职员的生涯供给了诸多便当。 这个 VS Code 扩大顺序可协助你在 Chrome 中调试 JavaScript,并供给了很多有效,省时的功用。

首要特点:

  • 实用于支撑 Chrome 调试协议的其它目的

  • 当启用了源映照的时分,即便在源文件上也能够设置断点

  • 可以对剧本标签和 eval 剧本实行调试,只需它们添加了 added

  • 支撑当地的窗格,变量察看和把持台

9、JSHint

JSHint 是一个可以在 JavaScript 代码中疾速查找错误的优良Tools。假如你习气了 JSHint,也能够在 Visual Studio Code 中来运用它,而这个扩大则使得如许的需求更轻易完成。你可以在这个网站找到。

首要特点:

  • 运用了网站上所描绘的默许的 JSHint 设置装备摆设

  • 默许状况下,一切文件都包括在此扩大中

  • 答应从反省中扫除特定的文件和文件夹

  • 具有针对指定任务区禁用 JSHint 的选项

本文中的一切译文仅用于进修和交换目标,转载请务必注明文章译者、出处、和本文链接。 2KB翻译任务按照 CC 协议,假如我们的任务有进犯到您的权益,请实时联络我们。


2KB项目(www.2kb.com,源码交易平台),提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务

  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【计算机/互联网|】Nginx出现502错误(2020-01-20 21:02)
【计算机/互联网|】网站运营全智能软手V0.1版发布(2020-01-20 12:16)
【计算机/互联网|】淘宝这是怎么了?(2020-01-19 19:15)
【行业动态|】谷歌关闭小米智能摄像头,因为窃听器显示了陌生人家中的照片(2020-01-15 09:42)
【行业动态|】据报道谷歌新闻终止了数字杂志,退还主动订阅(2020-01-15 09:39)
【行业动态|】康佳将OLED电视带到美国与LG和索尼竞争(2020-01-15 09:38)
【行业动态|】2020年最佳AV接收机(2020-01-15 09:35)
【行业动态|】2020年最佳流媒体设备:Roku,Apple TV,Firebar,Chromecast等(2020-01-15 09:31)
【行业动态|】CES 2020预览:更多的流媒体服务和订阅即将到来(2020-01-08 21:41)
【行业动态|】从埃隆·马斯克到杰夫·贝佐斯,这30位人物定义了2010年代(2020-01-01 15:14)
联系我们

Q Q: 7090832

电话:400-0011-990

邮箱:7090832@qq.com

时间:9:00-23:00

联系客服
商家入住 服务咨询 投拆建议 联系客服
0577-67068160
手机版

扫一扫进手机版
返回顶部