![Vue.js从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/753/52842753/b_52842753.jpg)
1.4.2 WebStorm的安装
WebStorm的安装步骤如下。
(1)下载WebStorm后,双击WebStorm-2022.2.3.exe安装文件,打开WebStorm的安装欢迎界面,如图1.6所示。
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P19_60265.jpg?sign=1739115658-jIDcKXn1VQGWtfES8kVWC4uepzAo26hC-0-fb3443cab17c0c2d4945f00549447e32)
图1.6 WebStorm安装欢迎界面
(2)单击图1.6中的Next按钮,打开WebStorm的选择安装路径界面,如图1.7所示。在该界面中可以设置WebStorm的安装路径,这里将安装路径设置为D:\WebStorm 2022.2.3。
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P19_60266.jpg?sign=1739115658-fGg3Bc9RlZv8fMX3VS0yJm8DOpFikhMi-0-ca0b8664024522fdfaf640829bda4dc5)
图1.7 WebStorm的选择安装路径界面
(3)单击图1.7中的Next按钮,打开WebStorm的安装选项界面,如图1.8所示。在该界面中可以设置是否创建WebStorm的桌面快捷方式,以及选择创建关联文件等。
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P20_60267.jpg?sign=1739115658-tOhkA8bBAvVDxhgulVxOKTHJwv5z6bNx-0-6d9e334564c48fa9cb6f310c0ea0586c)
图1.8 WebStorm的安装选项界面
(4)单击图1.8中的Next按钮,打开WebStorm的选择开始菜单文件夹界面,如图1.9所示。
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P20_60268.jpg?sign=1739115658-8UuCHnk9EDbdZ2mJGDyokQRBRl5twGqU-0-f9b0a750542f268175b0b28fe7a3b58f)
图1.9 WebStorm的选择开始菜单文件夹界面
(5)单击图1.9中的Install按钮开始安装WebStorm,正在安装界面如图1.10所示。
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P21_1678.jpg?sign=1739115658-3Elq7tVFKDhCAPgfx64Rg4cce6YWlHLu-0-88c666bd14fd77f5cfe02f79733ed5c6)
图1.10 WebStorm的正在安装界面
(6)安装结束后会打开如图1.11所示的完成安装界面,在该界面中选中I want to manually reboot later单选按钮,然后单击Finish按钮完成安装。
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P21_60269.jpg?sign=1739115658-LE18iHWQ9ca70eBUFQcu3GvJ7ug9mUg3-0-1b5170b9de98626c545f7afaac7b6c3a)
图1.11 WebStorm的完成安装界面
(7)双击桌面上的WebStorm 2022.2.3快捷方式运行WebStorm。在首次运行WebStorm时会弹出如图1.12所示的对话框,提示用户是否需要导入WebStorm之前的设置,这里选中Do not import settings单选按钮。
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P22_60270.jpg?sign=1739115658-RxGmNPQKuW2aMeb95YfD5BHMz2JYcdwp-0-ea80f0445bb789ca9b1c1d7aae73b1c3)
图1.12 是否导入WebStorm设置的提示对话框
(8)单击图1.12中的OK按钮,将会打开WebStorm的欢迎界面,如图1.13所示。这时就表示WebStorm启动成功。
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P22_60271.jpg?sign=1739115658-flZChPQ5BP7hGAyG2i8hvQPsJYVgsDNw-0-18004221883c366930157489f2be1335)
图1.13 WebStorm的欢迎界面