一、前言

咱先聊聊 WebStorm～它是 JetBrains 公司出的专业集成开发环境，重点就是搞现代 JavaScript 和前端开发，不管是主流框架、各种工具还是全栈技术，它都能完美支持，前端开发者用了都说香！

二、下载

1、Windows 的小伙伴看这里！直接冲 WebStorm 的安装包和补丁就行，别下错版本哦～

WebStorm安装包及补丁下载：http://share.dunvip.top/kuake/s/72df8e738653

2、Mac 和 Linux 的宝子注意啦！你们得下对应系统的补丁，跟 Windows 的不一样，别弄混啦～

Mac/Linux环境补丁下载：http://share.dunvip.top/kuake/s/c6b01a227a4d

三、环境安装

3.1、先把 WebStorm 的 exe 运行程序下载好

解压之后找到安装程序，双击就能启动啦～

3.2、启动之后不用瞎琢磨，直接点【下一步】继续就行

跟着流程走准没错～

3.3、选安装目录

选安装目录的时候，别用默认的 C 盘！自己挑个自定义目录，选好就点【下一步】～

3.4、一定要把【创建桌面快捷方式】勾上！

这样装完在桌面就能看到程序图标，打开超方便，勾完点【下一步】～

3.5、所有设置都弄好啦，点【安装】

等着它装完就行，这会儿可以喝口水歇会儿～

3.6、搞定！点【完成】按钮

把安装窗口关了，环境安装这步就结束啦～

四、补丁安装

敲黑板！注意！注意！注意！重要的事儿必须说三遍！

好多朋友打完补丁启动软件报错，全是因为补丁的路径有中文！

而且补丁得放个不会删的路径里，打上之后绝对不能移、不能删，不然就白忙活啦！

4.1、先把补丁工具下载下来

找个磁盘里的固定目录存好，别随便乱放，不然回头找不着～

4.2、把下载的补丁文件解压

在解压后的文件夹里找【scripts】目录，脚本文件就在这儿面藏着呢～

4.3、运行脚本分情况来：

1.Windows 系统：直接双击【install.vbs】脚本就行，超简单～

2.Mac/Linux 系统：去看对应的 Mac 补丁文章教程，跟着教程一步步来，别瞎操作哦～

3.划重点！脚本跑完后，补丁目录绝对不能移、不能删！不然补丁容易失效，到时候还得重来～

4.4、跑脚本的时候别催

耐心等它弄完就好，急不来的～

4.5、复制补丁码

在补丁目录里找存补丁码的 txt 文件，把内容复制下来，然后启动软件，粘贴到弹出的窗口里，再点【Act】按钮～

4.6、欧啦！

欧啦！已经成功安装完成，现在可以开心用 WebStorm 搞开发啦～