这就是我想要的 VSCode 插件！

时间 2019-11-15

标签就是想要 vscode 插件繁體版

原文原文链接

简评：VSCode 是一个开源的跨平台编辑器，是我最满意的 IDE 之一。本文介绍了几种使用的插件，确实解决了不少的痛点。

Quokka.jsjavascript

Quokka.js 会在您键入代码编辑器中显示各类执行结果时当即运行您的代码。支持 JavaScript 和 TypeScript。java

https://pic1.zhimg.com/v2-c2a...
react

相似的 Extension:git

Code Runner --- 支持多种语言例如： C，C++，Java，JavaSript，PHP，Python，Perl，Perl6 等
Runner

Bracket Pair Colorizer 和 Indent Rainbowes6

大部分的语言都须要使用括号，可是括号之间的嵌套会让代码看得很难受。 Bracket Pair Colorizer 和 Indent Rainbow，这两个插件可让不一样缩减的括号显示不一样的颜色。浏览器

https://pic1.zhimg.com/80/v2-...
编辑器

https://pic4.zhimg.com/80/v2-...
ide

Snippets工具

Snippets 是一些经常使用的代码片断，好比说 import React from 'react'; 这些经常使用的代码，咱们只须要打 imr 而后按下 tab 键就能自动帮咱们补全。一样的 clg 会变成 console.log。测试

一些不错的 extension 有

JavaScript (ES6) code snippets
React-Native/React/Redux snippets for es6/es7
React Standard Style code snippets - Visual Studio Marketplace
React Standard Style code snippets - Visual Studio Marketplace

TODO 高亮

一般咱们编写代码的时候，会以为当前实现不优雅，有更好的实现方式。咱们会习惯性的加上// TODO: Needs Refactoring 或者其余内容。不过期间久了咱们就习得一个技能自动忽略 TODO。 Todo Highlighter 这个插件能够督促你赶忙把这个问题处理了。他会在还有 TODOs / FIXMEs 的地方出现高亮提示。（插件都已经帮到这份上了，以后修行就靠我的了）

https://pic2.zhimg.com/80/v2-...

相似的 Extension：

Todo+
Todo Parser

成本提示

Import Cost 这个扩展简直惊艳到我了，以前写代码的时候不多有关注导入包的大小。只有在后期优化的时候才考虑这些问题。可是这个插件能够在你导入包的时候就提示这个包有多大。

https://pic4.zhimg.com/v2-3a0...

REST 客户端

做为一个 Web 开发，咱们常常须要使用 REST API。为了检测 URL 并检测响应，咱们通常会使用 Postman 这类工具来测试。可是若是使用了 REST Client 这个插件咱们就能够直接在 VSCode 中来测试咱们的 API 了。

https://pic4.zhimg.com/v2-66f...

自动补全标签和联动重名标签

在 VSCode 中输入一半的标签会自动帮忙补全另外一半，可是若是我后期想修改的话须要就须要两边都要改了。 Auto Close Tag 和 Auto Rename Tag 插件能够很好的解决这个问题。

https://pic4.zhimg.com/v2-85f...

https://pic4.zhimg.com/v2-983...

相似的插件：

Auto Complete Tag
Close HTML/XML tag - Visual Studio Marketplace

GitLens

GitLens 能够加强 VSCode 内置 Git 的功能。例如 commits 搜索，历史记录和显示的代码做者身份具体功能能够查看 Feature List。

https://pic2.zhimg.com/v2-0d2...

相似的 Extension：

Git History - 显示提交历史记录的美丽图表等等。推荐。
Git Blame - 它容许您在当前选定行的状态栏中看到 GitBlame 信息。GitLens 也提供了相似的功能。
Git Indicators - 它容许您查看受影响的文件以及状态栏中添加或删除的行数。
Open in GitHub / Bitbucket / Gitlab / VisualStudio.com ! - 它容许您使用浏览器中打开具体的 repo。

Git Project Manager

Git Project Manager 容许你直接从 VSCode 窗口打开一个新的窗口。这样咱们就能够在 VSCode 中切换仓库了。

在安装这个插件后，须要设置 gitProjectManager.baseProjectsFolders 包含咱们须要的仓库。

例如：