安利一些vscode上优秀的插件

VSCode是一个开源的跨平台编辑器，已成为程序员的最爱，尤其是在 Web 开发社区中。它快速、可扩展、可定制，并具有大量功能。如果你至今还没有入坑VSCode，那真的该好好反省一下了。

想要在VSCode上获得较好的体验，or获得一个快速的研发效率，一些必不可少的插件肯定是需要安利一下的，下面来介绍第一款插件；

Quokka.js

Quokka.js是 JavaScript 和 TypeScript 的快速原型制作游乐场。有了这个工具的话，就意味着你只要输入玩代码，他就立即运行的的代码，并在你的代码编辑器中显示各种执行结果。效果见下图所示：

1_ukcsChGYEreBhhAksiYceA.gif

类似与这个功能的插件还有：

Coder-runner

Coder-runner需要配置一下文件，当然也是可以跑 typescript的，typescript 需要安装ts-node

{
    "code-runner.executorMap": {
        "javascript": "node",
        "php": "C:\\php\\php.exe",
        "python": "python",
        "perl": "perl",
        "ruby": "C:\\Ruby23-x64\\bin\\ruby.exe",
        "go": "go run",
        "html": "\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\"",
        "java": "cd $dir && javac $fileName && java $fileNameWithoutExt",
        "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"
    }
}

indent-rainbow

indent-rainbow一个简单的扩展，使缩进更易于阅读

Example

Indenticator

还有一个类似的功能的插件 Bracket Pair Colorizer

Screenshot

Todo Highlighter

这个就不用解释了，打todo标签，为了后续抽空来优化，这个插件就是帮你来明显的

Import Cost

这个扩展允许你看到导入模块的大小。这对Webpack打包工具来说会很有帮助。你可以看到你是在导入整个库还是只导入一个库的部分功能。

GitLens

GitLens增强了Visual Studio Code中的Git功能。它有很多令人惊讶的功能，比如通过Code lens显示的代码作者身份、提交搜索、历史记录和GitLens explorer。你可以在这里阅读这些功能的完整解释。可以说，如果你使用Git，你就应该安装这个插件。

Path Intellisense

Path Intellisense 可以自动完成文件名。

IDE