好用不卡,这些插件和配置让你的 Webstorm 更牛逼!
发布网友
发布时间：2024-09-27 03:42
共1个回答
热心网友
时间：2024-10-04 16:03
前端开发者最常用的开发工具之一是 Webstorm 和 VSCode。Webstorm 像苹果系统，闭源、收费、官方提供强大且智能的开发能力，VSCode 则像安卓，开源、持续迭代更新、社区充满活力。
在 Webstorm 2021.3 版更新后，卡顿问题明显改善，重新安装 node_modules 也不会像之前那样卡死半天。对于曾经因为卡顿而放弃 Webstorm 的用户，现在可以重新考虑使用。
以下是一些经过筛选的推荐插件，希望能帮助你提升 Webstorm 的使用体验：
1.1 中文语言包
中文语言包的推出弥补了英文界面设置的不足，让非英语母语的开发者也能轻松使用 Webstorm。尽管有些开发者可能觉得英文界面同样可用，但中文界面提供更直观的设置体验。
1.2 AceJump
借助 AceJump，开发者可以使用键盘快速定位光标，实现全键盘操作，提高开发效率。该插件支持编辑器窗口拆分时在不同窗口间导航，通过快捷键 control/ctrl + ; 实现。
1.3 GitToolBox
GitToolBox 提供了增强的 Git 功能，如自动 fetch、状态栏显示当前分支的未提交和落后提交数、过时分支清理、支持 emoji 的 commit 窗口、Inline Blame 功能等，适合经常使用 Git 的开发者。
1.4 HighlightBracketPair
HighlightBracketPair 插件提供了直观的括号高亮显示，与彩虹括号插件相比，它在显示括号范围时更加清晰，减少视觉混淆。
1.5 Key Promoter X & Presentation Assistant
Key Promoter X 可以在操作时提示快捷键，帮助用户脱离鼠标，提高开发效率。Presentation Assistant 支持功能的汉化显示，并兼容 Mac 和 Win 环境的快捷键。
1.6 好看的主题与图标
One Dark Theme、Material Theme UI Lite、Coderpillr Theme 等免费主题提供了美观的界面，满足视觉偏好。此外，Atom Material Icons 插件将 Atom 的图标引入 Webstorm，提升文件与文件夹的美观性。
1.7 Vue 功能增强插件
IntelliVue 插件提供了 Vue 功能增强，支持 Vue3 语法、快速创建数据和方法、setup method 等，减少模板代码编写。
1.8 最佳翻译插件
翻译插件支持右键翻译和整段翻译，特别是自动翻译与字符串替换功能，通过快捷键 command + control + O（Mac）和 ctrl + shift + X（Win）实现，方便业务代码翻译。
1.9 字符串处理插件
String Manipulation 插件支持英文字符串在不同格式间切换，而 CamelCase 插件则为日常使用提供轻量级的字符串转换功能。
1.10 版本管理工具的忽略文件插件
.ignore 插件支持创建多种 .ignore 文件，如 .gitignore、.eslintignore、.dockerignore 等，提供便捷的忽略配置管理。
1.11 显示引入包体积大小插件
Import Cost 插件显示引入包的体积大小，帮助开发者评估代码依赖的复杂性。
1.12 代码小地图插件
CodeGlance 提供右侧代码缩略图，方便查看整体结构，类似于 VSCode 的功能。
1.13 环境配置文件支持插件
.env 文件支持插件为配置文件提供语法高亮和智能索引，并提示环境变量文件中的环境变量。
1.14 全家桶管理软件
JetBrains Toolbox 插件集中管理 JetBrains 家族的软件，如 Webstorm、IntelliJ、GoLand 等，提供设置同步、自动更新等功能。
2. 实用设置技巧
2.1 关闭不必要的插件
Webstorm 自带大量插件，关闭不常用或不需要的插件可以加速项目启动。
2.2 字体设置
推荐使用 JetBrains Mono 字体，清晰、易读、辨识度高，特别是在 2021 及以后版本中内置于 Webstorm。
2.3 内存设置
根据个人需求调整 .vmoptions 文件中的内存设置，建议设置为 4096 或更高，以提高运行效率。
2.4 设置配置同步
通过 IDE 设置同步功能，将配置与个人账户绑定，实现跨设备一致的配置和快捷键。
3. 实用快捷键
3.1 全局搜索
双击 shift 可以快速搜索设置、代码、文件名、文件夹名等，提升开发效率。
3.2 打开最近的文件
使用 command/ctrl + E 快速打开最近使用的文件，方便文件跳转。
3.3 项目视图文件打开
在项目视图中使用 option/alt + 1 快速打开文件，并定位至当前文件，提高导航效率。
3.4 查看用途
使用 option/alt + F7 查看变量、函数、类的使用情况，方便理解代码结构。
3.5 其他快捷键
查看官方快捷键文档，探索更多提升效率的快捷键，不断发现和学习。
