30个极大提高开发效率的Visual Studio Code插件

栏目: ASP.NET · 发布时间: 7年前

内容简介:译者按:看完这篇文章,我打算从 Sublime Text 转到 Visual Studio Code 了!

译者按:看完这篇文章,我打算从 Sublime Text 转到 Visual Studio Code 了!

30个极大提高开发效率的Visual Studio Code插件

为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。

30个极大提高开发效率的Visual Studio Code插件

我们的 VSC(VSCode)将会像一个长了五只可以发射激光的独角兽一样!接下来会介绍我每天使用的非常有用的插件。

如果你还是一个 VSC 的新手,那么点击左侧最下方的按钮来安装插件。

30个极大提高开发效率的Visual Studio Code插件

Material Theme

下载量:130 万

Visual Studio Code 最悠久的主题!

30个极大提高开发效率的Visual Studio Code插件

Auto Import

下载量:46 万

自动去查找、分析、然后提供代码补全。对于 TypeScript 和 TSX,可以适用。

30个极大提高开发效率的Visual Studio Code插件

Import Cost

下载量:41 万

该插件会在行尾显示导入的包的大小。为了计算包大小,该插件要使用 Webpack 和 babili-webpack-plugin。

30个极大提高开发效率的Visual Studio Code插件

Indent-Rainbow

下载量:13 万

一个简单的插件可以使得对齐更加具有可读性。

30个极大提高开发效率的Visual Studio Code插件

下载量:243 万

基于你的项目以及通过 link 标签引用的外部文件,该智能插件提供 HTML 中 CSS class 名字的补全。

30个极大提高开发效率的Visual Studio Code插件

SVG Viewer

下载量:29 万

一个用来预览 SVG 的插件。

30个极大提高开发效率的Visual Studio Code插件

Prettier

下载量:357 万

你绝对不能少了这个插件,你需要它来一键美化你的 JavaScript/TypeScript/CSS 代码。

30个极大提高开发效率的Visual Studio Code插件

下载量:218 万

代码提示、Debugging、集成 RN 的命令。

30个极大提高开发效率的Visual Studio Code插件

下载量:76 万

从下载量来看,看来不少人从 Sublime Text 转移过来了。

30个极大提高开发效率的Visual Studio Code插件

这个插件将 visual studio code 的快捷键绑定改成了和 Sublime Text 3 一样。你可以试一试:cmd + P (Mac),ctrl + P (Windows)。

30个极大提高开发效率的Visual Studio Code插件

你可以跳转到文件,如果在搜索前添加 > 符号,你甚至可以搜索动作,比如打开内置的终端、安装插件等等。

对于习惯使用 ST3 的人,这是一个很大的加分项。

npm Intellisense

下载量:88 万

VSCode 插件可以在导入语句自动补全 npm 模块名称。

30个极大提高开发效率的Visual Studio Code插件

lit-html

下载量:3 万

在 JavaScript/TypeScript 的文件中,如果有使用到 HTML 标记,lit-html 提供语法高亮和相应的补全支持。

30个极大提高开发效率的Visual Studio Code插件

下载量:6 万

这本来应该是 VSCode 应该默认提供的功能,高亮匹配的标签。

30个极大提高开发效率的Visual Studio Code插件

GitLens

下载量:772 万

啥也别说,直接上图!

30个极大提高开发效率的Visual Studio Code插件

下载量:37 万

Git Project Manager 可以然你直接一键搜索并打开某个的基于 Git 管理的项目。

30个极大提高开发效率的Visual Studio Code插件

Git History

下载量:332 万

用来查看 git log 或则一个文件的 git 历史,比较不同的分支,commits。

30个极大提高开发效率的Visual Studio Code插件

File Utils

下载量:8 万

提供了一个更加简洁的方法来创建、复制、移动、重命名、删除文件/文件夹。

30个极大提高开发效率的Visual Studio Code插件

下载量:228 万

如果你的代码有很多的回调,那么这种高亮可以帮助你更好地区分不同的代码块。

30个极大提高开发效率的Visual Studio Code插件

Color Highlight

下载量:25 万

直观展示你定义的颜色。

30个极大提高开发效率的Visual Studio Code插件

CSS Peek

下载量:23 万

可以在 HTML 中通过 CSS id 或则 class 来定位到其定义。

30个极大提高开发效率的Visual Studio Code插件

下载量:1111 万

用 Chrome 来 Debug 你的 JavaScript 代码,或则其它支持 Chrome Debugger 协议的平台。

30个极大提高开发效率的Visual Studio Code插件

Quokka.js

下载量:172 万

实时执行 JavaScript 代码(做快速的 demo 很有用)。

30个极大提高开发效率的Visual Studio Code插件

Trailing Spaces

下载量:7 万

高亮那些冗余的空格,可以快速删掉。

30个极大提高开发效率的Visual Studio Code插件

TypeScript Hero

下载量:72 万

辅助用 TypeScript 编程的童鞋!

30个极大提高开发效率的Visual Studio Code插件

WakaTime

下载量:24 万

从你的使用习惯中生成数据报表。

30个极大提高开发效率的Visual Studio Code插件

Vetur

下载量:451 万

VS Code 下面的 Vue 工具!有 Pine Wu 开发,已经累计 400 多万下载量!

30个极大提高开发效率的Visual Studio Code插件

Code Runner

下载量:346 万

支持多种语言的代码的立即执行。支持的语言:C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D。

30个极大提高开发效率的Visual Studio Code插件


以上所述就是小编给大家介绍的《30个极大提高开发效率的Visual Studio Code插件》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

jQuery实战(第2版)

jQuery实战(第2版)

[美]Bear Bibeault、[美]Yehuda Katz / 三生石上 / 人民邮电出版社 / 2012-3 / 69.00元

jQuery 是目前最受欢迎的JavaScript/Ajax 库之一,能用最少的代码实现最多的功能。本书全面介绍jQuery 知识,展示如何遍历HTML 文档、处理事件、执行动画、给网页添加Ajax 以及jQuery UI 。书中紧紧地围绕“用实际的示例来解释每一个新概念”这一宗旨,生动描述了jQuery 如何与其他工具和框架交互以及如何生成jQuery 插件。 本书适合各层次Web 开发人......一起来看看 《jQuery实战(第2版)》 这本书的介绍吧!

SHA 加密
SHA 加密

SHA 加密工具

html转js在线工具
html转js在线工具

html转js在线工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具