vscode 常用插件

2020-06-29 本文已影响0人水之心

1 Code Spell Checker

我们日常敲代码很多命名都是使用英文单词，粗心的小伙伴可能会拼错，这个插件就是单词拼写错时的拯救神器，它可以标志错的单词，还可以提示单词的正确拼法。有了它，就再也不用因为单词拼错找半天的 bug 了。

2 Draw.io Integration 画流程图

http://draw.io 是一个支持在线绘图的网站工具，因其界面简洁直观，功能丰富强大而受到不少用户喜爱。它支持将图形保存到 Google Drive、One Drive 等云端硬盘上，让用户可以随时进行同步与读取。由于使用这款工具的人数众多，开发者还贴心的对其进行了国际化文案翻译。因此英文不太好的同学，也不用过于担心。

在作者 Henning Dieterichs 的辛苦努力下，VSCode 现已完美集成 http://drwa.io，用户只需点点鼠标，安装下插件，便能立即在 VSCode 上体验 http://draw.io 的所有核心功能。该插件还有一个比较强悍的功能，就是支持对 .drawio.png 文件的修改。

当你发现流程图的 png 格式文件有误时，可以随时对 png 图片重新进行更改调整，然后再次生成即可。

在你的 GitHub 项目、技术文章或演讲的 PPT 中，所有需要用到流程图展示的地方，这项功能会非常有用。

插件所在：hediet / vscode-drawio

3 Project Manager

它可以帮助您轻松访问项目，无论它们位于何处。不要再错过那些重要的项目了。您可以定义自己的收藏项目，或选择自动检测VSCode项目，Git，Mercurial和SVN存储库或任何文件夹。

以下是Project Manager提供的一些功能：

将任何项目保存为收藏夹
自动检测VSCode，GIT中，水银或SVN存放区
在相同或新窗口中打开项目
识别已删除/重命名的项目
一个状态栏标识当前项目
专门的活动栏

4 杀手级 AI 补代码工具

参考：https://zhuanlan.zhihu.com/p/73811872

一位来自加拿大的大四学霸，开发了一款”Deep TabNine“代码补全工具，实现了这一大胆的想法。它支持23种编程语言、5种编辑器，使用简单，效果惊艳。不少使用过的网友说：TabNine 是他们用过的最好的代码补全工具，这是属于程序员的杀手级应用。

怎么做到的？

TabNine 是在 GPT-2 的基础上构建的，这是一种 Transformer 架构，原产自 OpenAI，是个“逆天”语言模型。GPT-2 的参数高达 15 亿个，数据量比一代扩大了10倍，使用了包含800万个网页的数据集，共有 40GB。

逆天之处就在于，GPT-2 写起文章来毫无违和感，无需针对性训练就能横扫各种特定领域的语言建模任务，还具备阅读理解、问答、生成文章摘要、翻译等等能力。

就 GPT-2 而言，它的训练目标很简单：根据所有给定文本中前面的单词，预测下一个单词。虽然本来是解决NLP问题，看似与写代码没什么关联，但建模代码也算是用一种独有的方式在理解英文。

传送门

TabNine网站：https://tabnine.com/blog/deep

Jackson GitHub主页：https://github.com/zxqfl

Jackson简历：http://jacobj.ca/resume.html

5 图标设置 vscode-icons

vscode-icons 不仅能够给文件夹、文件添加上舒适的图标，而且可以自动检测项目，根据项目不同功能配上不同图标，例如，git、Markdown、配置项、工具类等。

6 让注释会说话 Better Comments

一款让注释会说话的插件，注释前加 * ! ? todo // 就可以显示不同的样式

7 括号神器 Bracket Pair Colorizer2

这个插件能够快速地找到括号的另一半，特别是在阅读别人的代码时，有利于快速理解：

8 看板工具

在 vscode 应用商店搜索 kanban 即有：

下面介绍一些好用的看板插件。

8.1 Kanban

点击 F1 或者 ctrl+shift+p，在输入框中输入 kanban，选择 Kanban: Open Board ... 即可打开看板，这时候，你会看到 Kanban 的界面，它分别包括 4 项，

待办（Todo）
进行中（In Progress）
测试（Testing）
完成（Done）

我们只需要点击每个模块右上角的+就可以创建对应的事项。

到这里介绍了 Kanban 的安装与基本使用，下面就来介绍这款 VS Code 插件的亮点和强大之处。

Kanban 插件不仅支持普通文本的输入，还支持markdown这类富文本。相对于普通文本，Markdown 具有更强的表现力，而且更有助于使用者的阅读和理解。
Kanban 还支持图表和流程图，这样对事项内容更加一目了然。Kanban绘制图表类似一款名为 plantuml 的流程图工具，通过语言和符合描述来绘制图表，例如：

graph TD;   
A-->B;    
A-->C;    
B-->D;    
C-->D;

然后，它就可以在 Kanban 中绘制图表：

Kanban这款插件基于filtrex 库实现了卡片过滤功能，我们可以通过简单的文字去过滤想要的内容。另外，它不仅支持普通的文本文字过滤，还支持内置函数过滤。

每个人在完成各项任务的时候，到底消耗了多长时间？这种量化的指标往往更加能够引起人们的兴趣，Kanban这款插件同样支持这项看似不常用的功能。默认安装是没有打开计时功能的，如果需要打开，需要在 settings.json 中添加如下配置项：

{    
    "kanban": 
    {        
        "trackTime": true    
    }
}

使用方式如下：

Toggl是一款时间管理工具，在时间跟踪分析方面具有更加丰富且强大的功能。Kanban这款插件同样把Toggl集成进了VS Code。需要注意的是，在VS Code中使用Toggl需要配置个人AIP token，

{    
    "kanban": {        
        "trackTime": {            
            "type": "toggl",            
            "token": "<YOUR-API-TOKEN>"        
        }    
    }
}