WebStorm最新版超详细图文安装教程(2025最新版保姆级教程)看完这一篇就够了

593 阅读2分钟

前言

WebStorm 是 JetBrains 公司推出的一款专注于 JavaScript 和前端开发 的集成开发环境(IDE),被广泛认为是前端开发的“神器”。原生支持 React、Angular、Vue.js、Node.js 等,提供组件导航、API 自动补全、模板生成等功能。

一、WebStorm最新版下载

WebStorm最新版安装包及补丁下载

💾安装环境👉WebStorm安装包及补丁下载

图片.png

二、WebStorm安装

1、在下载目录中找到WebStorm运行程序(exe文件),双击运行。

图片.png

2、点击【下一步】继续

图片.png

3、设置安装目录,然后点击【下一步】继续

图片.png

4、勾选【创建桌面快捷方式】,然后点击【下一步】继续

图片.png

5、点击【安装】,开始安装

图片.png

6、等待安装完成

图片.png

7、安装完成,点击【完成】按钮,结束安装。

图片.png

三、WebStorm补丁

注意!注意!注意,重要的事情说三遍!,重要的事情说三遍!,重要的事情说三遍!

很多朋友打完补丁,再启动软件会报错!这是因为补丁的路径不能有中文。

建议将补丁移动到一个不会删除的路径下,打上补丁后切记不可再移动或删除!

1、在下载目录中找到补丁包(压缩文件)并解压

图片.png

2、在解压后的目录中找到Script文件夹,此文件夹下为补丁脚本。

图片.png

3、运行补丁

双击运行scripts目录下的补丁脚本。

Windows 系统, 双击运行 install-current-user.vbs 脚本,为当前用户安装。

Mac/Linux 系统, 点击运行 install.sh 脚本安装。

**特别注意:

脚本运行后,不可移动,否则会导致补丁失败。可将脚本包放在一个不容易删除的目录中。

图片.png

4、设置完成

双击脚本后,出现提示框,点击“确定”按钮。等待一会后,安装成功后,会弹出提示框“Done”。

图片.png

图片.png

四、运行WebStorm

1、打开WebStorm

图片.png

2、在下载补录的脚本目录下,找到补丁码txt文件,复制文件内容,粘贴到文本框内。然后点击【Activate】按钮。

图片.png

图片.png

3、成功后,即可进入WebStorm,可放心使用!