简介
前端开发工具中,WebStorm 和 VSCode 最为常见。JetBrains 家的 IDE 功能强大但相对较重,VSCode 则更轻量。选择哪个主要看个人偏好。如果你习惯 JetBrains 生态,WebStorm 是很好的选择。从 2024 年 10 月起,WebStorm 已转为免费使用,无需许可证即可直接运行,且不像 Java 或 Python 那样需要额外配置 JDK 或解释器,上手非常便捷。
下载 WebStorm
打开浏览器访问 JetBrains 官网,进入 WebStorm 下载页面。根据操作系统选择对应版本,点击下载按钮等待完成。

等待安装包下载完成,网速快的话几分钟即可下载好。

安装包下载完成后点击打开文件,后续出现用户账户控制点击'是'即可。

安装 WebStorm
屏幕出现安装程序,直接点击'下一步'。

出现选择安装位置的界面,先点击'浏览'选择自定义的安装路径再点击'下一步'。软件不建议安装在 C 盘,还有自定义的安装路径一定不要带中文(以后下载所有的开发工具都不要安装在含中文的安装路径下)。可能你安装在中文路径下暂时用着没有什么影响,但是未来某个时刻可能会出现因为无法识别中文路径而导致开发工具整体无法使用或者部分插件或者功能无法使用的情况。
我自己的安装目录是 D:\Software\WebStorm 2025.2.5,大家自己调整即可。

出现安装选项界面,这边直接把四个框全部勾选上就行,再点击'下一步'。最下面的创建关联就是勾选的后缀文件默认以 WebStorm 打开,想勾选就勾选,不勾选也行。一般前端就是用 WebStorm 和 VSCode,如果你有 VSCode,想用 VSCode 打开时不直接点击文件而是右键选择用 VSCode 打开即可。













