WebStorm 10 个必备插件：Chinese Language Pack / Rainbow Brackets / Material Theme / Key Promoter / Translation / GitToolBox / String Manipulation / ESLint / Prettier / Live Edit。
WebStorm 必备插件 10 个
WebStorm 已经很强，配上 10 个插件开发体验再升级。这篇给你每个插件的安装 + 配置 + 实战场景。
一、WebStorm 优势
- 内置 JS / TS / Vue / React 支持
- 强大的重构能力
- 智能代码补全
- Git / 数据库工具内置
- 调试体验业界顶级
劣势：
- License 1 年 1k（学生免费）
- 内存占用 1-2 GB
- 启动 5-10 秒
二、10 个推荐插件
### 1. Chinese Language Pack
- 用途：汉化
- 来源：官方
- 安装：Settings → Plugins → Marketplace → 搜 Chinese
### 2. Rainbow Brackets
- 用途：彩虹括号
- 来源：JetBrains
- 安装：搜 Rainbow Brackets
- 适合：嵌套深代码
### 3. Material Theme UI
- 用途：Material 主题
- 来源：JetBrains
- 安装：搜 Material Theme
- 多种主题：Ocean / Darker / Light
### 4. Key Promoter X
- 用途：快捷键提示
- 来源：JetBrains
- 安装：搜 Key Promoter
- 功能：每次用鼠标点菜单时弹快捷键
### 5. Translation
- 用途：中英翻译
- 来源：JetBrains
- 安装：搜 Translation
- 快捷键：Ctrl + Shift + Y
### 6. GitToolBox
- 用途：Git 增强
- 来源：JetBrains
- 安装：搜 GitToolBox
- 功能：状态栏 Git 提示 / blame / 提交图
### 7. String Manipulation
- 用途：字符串操作
- 来源：JetBrains
- 安装：搜 String Manipulation
- 功能：大小写转换 / 编码解码 / 排序
### 8. ESLint
- 用途：JS 代码检查
- 来源：JetBrains
- 安装：搜 ESLint
- 配置：项目根目录 .eslintrc
### 9. Prettier
- 用途：代码格式化
- 来源：JetBrains
- 安装：搜 Prettier
- 快捷键：Ctrl + Alt + L
### 10. Live Edit
- 用途：实时刷新
- 来源：JetBrains
- 安装：搜 LiveEdit
- 配合 Chrome 插件
三、必备配置
Settings → Editor：
- Font: 14-16
- Tab size: 2 / 4
- Word wrap: on
- Show line numbers: on
四、避坑
- 装太多插件拖慢
- 用官方推荐 + 自己的少量
- 学生免费 License 申请
五、附件
- 10 个插件离线包
- WebStorm 必备配置
- 学生 License 申请指南
- 快捷键大全
