30个极大提高开发效率的VSCode插件

image

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

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

image

Material Theme

下载量:130万

Visual Studio Code最悠久的主题!

image

插件地址:

Material Theme - Visual Studio Marketplace​marketplace.visualstudio.com

Auto Import

下载量:46万

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

image

插件地址:

Auto Import - Visual Studio Marketplace​marketplace.visualstudio.com

Import Cost

下载量:41万

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

image

插件地址:

Import Cost - Visual Studio Marketplace​marketplace.visualstudio.com

Indent-Rainbow

下载量:13万

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

image

插件地址:

indent-rainbow - Visual Studio Marketplace​marketplace.visualstudio.com

IntelliSense for CSS class names in HTML

下载量:243万

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

image

插件地址:

IntelliSense for CSS class names in HTML - Visual Studio Marketplace​marketplace.visualstudio.com

SVG Viewer

下载量:29万

一个用来预览SVG的插件。

image

插件地址:

SVG Viewer - Visual Studio Marketplace​marketplace.visualstudio.com

Prettier

下载量:357万

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

image

插件地址:

Prettier - Code formatter - Visual Studio Marketplace​marketplace.visualstudio.com

React Native Tools

下载量:218万

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

image

插件地址:

React Native Tools - Visual Studio Marketplace​marketplace.visualstudio.com

Sublime Text Keymap and Settings Importer

下载量:76万

竟然有76万的安装量,看来不少人从Sublime Text转移过来了。

image

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

image

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

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

插件地址:

Sublime Text Keymap and Settings Importer - Visual Studio Marketplace​marketplace.visualstudio.com

npm Intellisense

下载量:88万

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

image

插件地址:

npm Intellisense - Visual Studio Marketplace​marketplace.visualstudio.com

lit-html

下载量:3万

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

image

插件地址:

lit-html - Visual Studio Marketplace​marketplace.visualstudio.com

highlight-matching-tag

下载量:6万

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

image

插件地址:

highlight-matching-tag - Visual Studio Marketplace​marketplace.visualstudio.com

GitLens 

下载量:772万

啥也别说,直接上图!

image

插件地址:

GitLens — Git supercharged - Visual Studio Marketplace​marketplace.visualstudio.com

Git Project Manager

下载量:37万

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

image

插件地址:

Git Project Manager - Visual Studio Marketplace​marketplace.visualstudio.com

Git History

下载量:332万

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

image

插件地址:

Git History - Visual Studio Marketplace​marketplace.visualstudio.com

File Utils

下载量:8万

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

image

插件地址:

File Utils - Visual Studio Marketplace​marketplace.visualstudio.com

Bracket Pair Colorizer

下载量:228万

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

image

插件地址:

Bracket Pair Colorizer - Visual Studio Marketplace​marketplace.visualstudio.com

Color Highlight

下载量:25万

直观展示你定义的颜色。

image

插件地址:

Color Highlight - Visual Studio Marketplace​marketplace.visualstudio.com

CSS Peek

下载量:23万

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

image

插件地址:

CSS Peek - Visual Studio Marketplace​marketplace.visualstudio.com

Debugger for Chrome

下载量:1111万

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

image

插件地址:

Debugger for Chrome - Visual Studio Marketplace​marketplace.visualstudio.com

Quokka.js

下载量:172万

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

image

插件地址:

Quokka.js - Visual Studio Marketplace​marketplace.visualstudio.com

Trailing Spaces

下载量:7万

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

image

插件地址:

Trailing Spaces - Visual Studio Marketplace​marketplace.visualstudio.com

TypeScript Hero

下载量:72万

辅助用TypeScript编程的童鞋!

image

插件地址:

TypeScript Hero - Visual Studio Marketplace​marketplace.visualstudio.com

WakaTime

下载量:24万

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

image

插件地址:

WakaTime - Visual Studio Marketplace​marketplace.visualstudio.com

Vetur

下载量:451万

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

image

插件地址:

Vetur - Visual Studio Marketplace​marketplace.visualstudio.com

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。

image

插件地址:

Code Runner - Visual Studio Marketplace​marketplace.visualstudio.com

PHP IntelliSense

下载量:415万

image
image

插件地址:

PHP IntelliSense - Visual Studio Marketplace​marketplace.visualstudio.com

vscode-icons

下载量:799万

Icon集合。

image

插件地址:

vscode-icons - Visual Studio Marketplace​marketplace.visualstudio.com

Jest

下载量:29万

愉快地使用Facebook的Jest。

image

插件地址:

Jest - Visual Studio Marketplace​marketplace.visualstudio.com

React.js code snippets

下载量:59万

用ES6语法去开发React.js应用非常方便。

image

插件地址:

Reactjs code snippets - Visual Studio Marketplace​marketplace.visualstudio.com

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 207,248评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,681评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,443评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,475评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,458评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,185评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,451评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,112评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,609评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,083评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,163评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,803评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,357评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,357评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,590评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,636评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,925评论 2 344

推荐阅读更多精彩内容