WebStorm官网下载安装汉化保姆级教程(附安装包,2025最新最全)

WebStorm 是捷克 JetBrains 公司出品的“前端专用 IDE”,名字里的 Web 已经透露了它的主场,专门用来开发网页的。

WebStorm 会像贴心管家一样帮你配置好 package.json、TypeScript 编译选项、ESLint 规则,甚至把 Git 仓库也一起初始化好。你只管写代码,补全、跳转、格式化、实时报错,它都在后台默默完成,这种“写完即运行”的顺滑感,是轻量编辑器给不了的待遇。

WebStorm 支持跨平台,Windows、macOS、Linux 上都能用。和 WebStorm 同赛道的软件有很多,比如主流的有 VS Code、Sublime Text、HBuilderX 等。相比之下,WebStorm 的优势有:

  • 内置的代码静态分析引擎能跨文件追踪类型,React 组件 props 传错、Vuex 状态拼写错,它都能当场标红;
  • 重构变量名时,它会智能区分作用域,不会“误伤”其他文件;
  • 集成调试器让前端、Node、Jest 测试用例断在同一界面,省得在浏览器和终端之间来回切换。

实际场景里,WebStorm 最适合“业务复杂、人多、代码量大”的项目:金融后台管理、跨境电商后台、低代码平台,这些工程往往同时存在 React、TypeScript、Node 中间层、Docker 脚本,WebStorm 的多模块索引能把依赖链路画成一张图,新人一眼看懂。

下载WebStorm

WebStorm官网安装包下载地址:https://www.jetbrains.com.cn/webstorm/download

官网下载的速度特别慢,这里为大家提前下载好的,都是官网的最新版本:

https://pan.quark.cn/s/6b322c6a88d5

WebStorm 官网提供了适合各个系统平台的安装包,分别是:

  • WebStorm-2025.3.win.zip:Windows 平台(绿色压缩版)
  • WebStorm-2025.3.exe:Windows 平台(安装程序)
  • WebStorm-2025.3-aarch64.exe:Windows on ARM 平台(安装程序)
  • Webstorm-2025.3-aarch64.dmg:macOS on Apple Silicon(M 系列芯片)
  • WebStorm-2025.3-aarch64.tar.gz:Linux on ARM 平台(绿色压缩版)
  • WebStorm-2025.3.dmg:macOS on Intel / Apple Silicon(通用 DMG)
  • WebStorm-2025.3.tar.gz:Linux x86_64 平台(绿色压缩版)

安装WebStorm

使用 Windows 系统的小伙伴,下载 WebStorm-2025.3.win.zip 或者 WebStorm-2025.3.exe 都可以,前者下载即用,不需要安装;后者经过一步步引导后,会安装到你的电脑上。

1) 解压 WebStorm-2025.3.win.zip 后,得到下图所示的文件夹:

1

进入 bin 文件夹,找到下图所示的执行文件,点击即可启动 WebStorm:

2

2) 下载 WebStorm-2025.3.exe 的小伙伴,双击启动安装。如果系统弹出下图所示的安全警告窗口,点击“运行”即可:

3

点击“下一步”:

4

默认安装到 C 盘,WebStorm 体积是比较大的,建议安装到其它非系统盘,比如我将其安装到了 D 盘:

5

可以仿照下图勾选创建 WebStorm 桌面快捷方式,其它的勾选项自由选择。然后点击 Next:

6

直接点击“安装”:

7

安装过程大概需要 1 分钟,耐心等待:

8

出现下图所示的界面,点击“完成”,WebStorm 就安装成功了:

9

安装成功后,电脑桌面上会添加 WebStorm 的启动图标:

10

汉化WebStorm

启动新安装的 WebStorm,主界面如下图所示:

11

WebStorm 默认是专有中文简体插件的,可以参照下图确认“中文简体插件是否安装了”:

12

如果 Installed 里没有汉化插件,进入 Marketplace 里找到并安装(因为我已经安装好了,所以搜索结果里是空的):

13

确认安装了中文简体插件后,点击 Customize , 把语言改成中文简体:

14

然后重启 WebStorm,此时界面就变成中文的了:

15

使用WebStorm

点击“新建项目”:

16

可以修改项目的存储位置,然后点击“创建”:

17

仿照下图,在项目中新建一个 html 文件:

18

我创建了一个名为 hello.html 的文件,并编写了一段特别简单的 html 代码,参照下图即可看到运行结果:

119激活WebStorm

WebStorm 默认只有 30 天的试用期,但大家可以申请非商业使用,申请过程也非常简单,没有任何难度,点击右下角的“试用”:

111

 点击“学习和爱好可免费使用”:

112

根据下图进行点击:

113

下面可以选择用微信和邮箱(亲测QQ邮箱就可以)注册账号:

114

 

115

成功拿到官方授权:

116

开始使用:

117

此时 WebStorm 的右下角会显示“非商用”:

118

posted @ 2025-12-19 10:50  分享博主  阅读(1040)  评论(0)    收藏  举报