安利一些vscode上优秀的插件

2021-08-23 19:59:25 浏览数 (1)

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 可以自动完成文件名。

0 人点赞