一、前言
前端开发通常使用 WebStorm 或 VSCode。JetBrains 家的 IDE 功能强大但占用资源较多，VSCode 相对轻量。建议根据偏好选择。WebStorm 自 2024 年 10 月起已免费，无需许可证即可直接使用，且无需像 Java 那样配置 JDK，整体流程简单。
二、WebStorm 的下载安装
1、下载 WebStorm
打开浏览器，访问 JetBrains 官方网址，点击如下链接跳转到 WebStorm 下载页面：
选择好自己的系统，然后直接点击 Download 即可。等待安装包下载完成。
2、安装 WebStorm
屏幕出现安装程序，直接点击'下一步'。
出现选择安装位置的界面，先点击'浏览'选择自定义的安装路径再点击'下一步'。
软件不建议安装在 C 盘，自定义的安装路径一定不要带中文。未来可能会出现因为无法识别中文路径而导致开发工具整体无法使用或者部分插件或者功能无法使用的情况。
出现安装选项界面，这边直接把四个框全部勾选上就行，再点击'下一步'。
最下面的创建关联就是勾选的后缀文件默认以 WebStorm 打开，想勾选就勾选，不勾选也行。一般前端就是用 WebStorm 和 VSCode，按自己喜好来吧。如果你有 VSCode，想用 VSCode 打开时不直接点击文件而是右键选择用 VSCode 打开即可。
出现选择'开始'菜单文件夹，啥都不用管直接点击安装即可。
然后等待一会安装就完成了。
安装程序结束后，想马上启动可以勾选上运行。
3、首次启动 WebStorm
首次运行会出现导入设置的界面，这里自由选择。如果之前其他 IDE 的字体相关改成了自己喜欢的配置，可以选择导入其他 JetBrains IDE 的配置。
导入配置之前还可以自行筛选要导入的配置。比如这里的 Spark 插件就不导入进去了，因为这个是 Python 的 Spark 库安装的插件。
导入配置等一小会很快就好了。
