vscode 常用插件

作者: 水之心 | 来源:发表于2020-06-29 21:38 被阅读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项目,GitMercurialSVN存储库或任何文件夹。

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

    • 将任何项目保存为收藏夹
    • 自动检测VSCodeGIT中水银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 插件的亮点和强大之处。

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

    然后,它就可以在 Kanban 中绘制图表:

    1. Kanban这款插件基于filtrex 库实现了卡片过滤功能,我们可以通过简单的文字去过滤想要的内容。另外,它不仅支持普通的文本文字过滤,还支持内置函数过滤。
    1. 每个人在完成各项任务的时候,到底消耗了多长时间?这种量化的指标往往更加能够引起人们的兴趣,Kanban这款插件同样支持这项看似不常用的功能。默认安装是没有打开计时功能的,如果需要打开,需要在 settings.json 中添加如下配置项:
    {    
        "kanban": 
        {        
            "trackTime": true    
        }
    }
    

    使用方式如下:

    1. Toggl是一款时间管理工具,在时间跟踪分析方面具有更加丰富且强大的功能。Kanban这款插件同样把Toggl集成进了VS Code。需要注意的是,在VS Code中使用Toggl需要配置个人AIP token,
    {    
        "kanban": {        
            "trackTime": {            
                "type": "toggl",            
                "token": "<YOUR-API-TOKEN>"        
            }    
        }
    }
    

    9 Data Preview

    VS Code 中直接查看 Excel 并进行基本操作:

    10 vscode-pdf 查看 PDF

    VS Code 中直接查看 PDF 文档:

    相关文章

      网友评论

        本文标题:vscode 常用插件

        本文链接:https://www.haomeiwen.com/subject/mzoafktx.html