VSCode是一个开源的跨平台编辑器,已成为程序员的最爱,尤其是在 Web 开发社区中。它快速、可扩展、可定制,并具有大量功能。如果你至今还没有入坑VSCode,那真的该好好反省一下了。
想要在VSCode上获得较好的体验,or获得一个快速的研发效率,一些必不可少的插件肯定是需要安利一下的,下面来介绍第一款插件;
Quokka.js
Quokka.js是 JavaScript 和 TypeScript 的快速原型制作游乐场。有了这个工具的话,就意味着你只要输入玩代码,他就立即运行的的代码,并在你的代码编辑器中显示各种执行结果。效果见下图所示:
1_ukcsChGYEreBhhAksiYceA.gif
类似与这个功能的插件还有:
Coder-runner
Coder-runner需要配置一下文件,当然也是可以跑 typescript的,typescript 需要安装ts-node
代码语言:javascript复制{
"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一个简单的扩展,使缩进更易于阅读
Indenticator
还有一个类似的功能的插件 Bracket Pair Colorizer
Todo Highlighter
这个就不用解释了,打todo标签,为了后续抽空来优化,这个插件就是帮你来明显的
Import Cost
这个扩展允许你看到导入模块的大小。这对Webpack打包工具来说会很有帮助。你可以看到你是在导入整个库还是只导入一个库的部分功能。
GitLens
GitLens增强了Visual Studio Code中的Git功能。它有很多令人惊讶的功能,比如通过Code lens显示的代码作者身份、提交搜索、历史记录和GitLens explorer。你可以在这里阅读这些功能的完整解释。可以说,如果你使用Git,你就应该安装这个插件。
Path Intellisense
Path Intellisense 可以自动完成文件名。