
1.2.2 WebStorm的安装
WebStorm的安装步骤如下。
(1)双击WebStorm-2022.2.3.exe安装文件,打开WebStorm的安装欢迎界面,如图1.9所示。

图1.9 WebStorm的安装欢迎界面
(2)单击图1.9中的Next按钮,打开WebStorm的选择安装路径界面,如图1.10所示。在该界面中可以设置WebStorm的安装路径,这里将安装路径设置为D:\WebStorm 2022.2.3。
(3)单击图1.10中的Next按钮,打开WebStorm的安装选项界面,如图1.11所示。在该界面中可以设置是否创建WebStorm的桌面快捷方式、更新路径变量,以及选择创建关联文件等。

图1.10 WebStorm的选择安装路径界面

图1.11 WebStorm的安装选项界面
(4)单击图1.11中的Next按钮,打开WebStorm的选择开始菜单文件夹界面,如图1.12所示。
(5)单击图1.12中的Install按钮开始安装WebStorm,正在安装界面如图1.13所示。

图1.12 WebStorm的选择开始菜单文件夹界面

图1.13 WebStorm的正在安装界面
(6)安装结束后会打开如图1.14所示的完成安装界面,在该界面中选中I want to manually reboot later单选按钮,然后单击Finish按钮完成安装。
(7)单击桌面的WebStorm 2022.2.3快捷方式图标运行WebStorm。首次运行WebStorm会弹出如图1.15所示的对话框,提示用户是否导入WebStorm之前的设置,这里选中Do not import settings单选按钮。

图1.14 WebStorm完成安装界面

图1.15 是否导入WebStorm设置提示对话框
(8)单击图1.15中的OK按钮,将会打开WebStorm的欢迎界面,如图1.16所示,表示WebStorm启动成功。

图1.16 WebStorm的欢迎界面