一、简介
WebStorm 是一款由 JetBrains 公司开发的专业集成开发环境（IDE），主要用于 Web 开发，在前端和后端开发领域都备受青睐。
在 2024 年 10 月 24 日，正值程序员节当天，JetBrains 正式宣布：针对非商业用途，WebStorm 个人版将不再收取费用，真正实现了对个人开发者的免费开放。
注意：
- WebStorm 2024.2.4 及更新版本才可以获取非商业许可证。
- 非商业订阅的期限为一年，一年后将自动续订。
二、优势
可能有的小伙伴使用过 VSCode，它也是一款广受欢迎的代码编辑器，同样用于 Web 开发。VSCode 具有轻量级、启动速度快的优点，并且其插件生态系统非常庞大，可以通过安装不同的插件来满足各种需求。然而，WebStorm 在智能代码编辑、调试功能以及对大型项目的管理方面相对更具优势。
总的来说，如果是小型项目或者对启动速度要求较高的情况，VSCode 可能是一个不错的选择；但对于大型、复杂的 Web 项目以及需要更专业、深入的开发工具支持的情况，WebStorm 则更为合适。
三、下载
进入 WebStorm 下载页面，下载自己电脑对应的系统版本。
（此处为下载界面截图）
四、安装
4.1 开始安装
（此处为安装向导启动界面）
4.2 选择安装路径
（此处为选择安装目录界面）
4.3 安装选项
（此处为安装选项配置界面）
（1）创建桌面快捷方式：勾选后，会在电脑的桌面上生成 WebStorm 的快捷方式。
（2）更新 PATH 变量（需要重新启动）：勾选后，方便在命令行中启动 WebStorm，便于与其他命令行工具或脚本协同工作。
（3）更新上下文菜单：勾选后，将'从文件夹打开项目'添加至鼠标右键。
（4）创建关联：勾选后，.js、.css、.html、.json 文件默认以 WebStorm 方式打开。
4.4 选择开始菜单文件夹
（此处为开始菜单文件夹选择界面）
4.5 安装完成
（此处为安装完成界面）
五、常用插件
5.1 括号插件（Rainbow Brackets）
（此处为 Rainbow Brackets 效果展示）
5.2 翻译插件（Translation）
（此处为 Translation 插件设置界面）
提示：用鼠标选中翻译的字体，按下 Ctrl + Shift + X 组合键，生成翻译后的列表。
5.3 代码缩略图（CodeGlance Pro）
（此处为 CodeGlance Pro 侧边栏预览效果）
5.4 主题插件（One Dark Theme）
（此处为 One Dark Theme 主题效果）
六、结语
至此，本文结束。
