WebStorm 使用指南

虽然 WebStorm 已经内置很多工具和插件供开发人员开箱即用，但是也支持安装插件扩展 WebStorm 的功能。笔者根据自己使用插件的经验，向读者推荐下列插件

# GitToolBox (opens new window)

GitToolBox 通过附加功能扩展 Git 集成状态显示、自动获取、内联注释、提交对话框完成和隐藏通知等

每 15 分钟自动 fetch 当前分支代码
Inline Blame 显示每行代码的提交信息
状态条右边显示当前的状态

# IdeaVim (opens new window)

IdeaVim 是一款支持 Vim 功能的插件。IdeaVim 支持许多 Vim 功能，包括移动光标、搜索、复制和粘贴等功能，还可以通过〜/.ideavimrc 配置宏，窗口命令等

WebStorm 默认不支持 Vim 操作，若在 WebStorm 编辑器内使用 Vim 操作，可以通过 IdeaVim 插件实现。 Vim 详细操作请见 Vim 操作 (opens new window)章节

# .ignore (opens new window)

ignore 是一款专用忽略文件的插件，支持很多文件类型。常用的有 .gitignore、.prettierignore、.styleignore和 .eslintignore 等

# GitHub Copilot (opens new window)

GitHub Copilot 根据上下文使用 OpenAI Codex 实时建议代码和整个函数。但是该服务收费，月付收费 10$，年付收费100$

# PlantUML (opens new window)

UML 作为统一建模语言，主要用于业务沟通。而 PlantUML 是一个可以让开发人员快速编写 UML 图的组件的开源工具

常用的有时序图、活动图和 MindMap 等。下面演示 MindMap 图

@startmindmap
* 插件
** GitToolBox
*** GitToolBox 通过附加功能扩展 Git 集成状态显示、自动获取、内联注释、提交对话框完成和隐藏通知等
** IdeaVim
*** IdeaVim 是一款支持 Vim 功能的插件
** .ignore
*** ignore 是一款专用忽略文件的插件，支持很多文件类型
** GitHub Copilot
*** GitHub Copilot 根据上下文使用 OpenAI Codex 实时建议代码和整个函数
** PlantUML
*** PlantUML 是一个可以让开发人员快速编写 UML 图的组件的开源工具
** Key Promoter X
*** Key Promoter X 是一个快捷键提示插件
** Rainbow Brackets
*** 彩虹括号
** Inspection Lens
*** Inspection Lens 是一个静态的语法检查工具，检查结果出现在行的右侧
** CodeGlance Pro
*** CodeGlance Pro 在编辑器窗格中显示一个缩小的概览或小地图
@endmindmap

由 plantUML 生成的思维导图如下

MindMap