1.2 WebStorm的下载与安装 – 第1章 JavaScript简介 – 第1篇 基础知识 – 零基础学JavaScript(全彩版)

编辑JavaScript程序可以使用任何一种文本编辑器,如Windows中的记事本,写字板等应用软件。由于JavaScript程序可以嵌入HTML文件中,因此,读者可以使用任何一种编辑HTML文件的工具软件,如WebStorm和Dreamweaver等。由于本书使用的编写工具为WebStorm,所以这里只对该工具作简单介绍。

WebStorm是JetBrains公司旗下的一款JavaScript开发工具。该软件支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)。代码补全包含了所有流行库,比如:jQuery、YUI、Dojo、Prototype等。WebStorm被广大中国JavaScript开发者誉为Web前端开发神器、最强大的HTML5编辑器、最智能的JavaScript IDE等。由于WebStorm的版本会不断更新,因此这里以目前的最新版本Webtorm 2019.3.1(以下简称WebStorm)为例,介绍WebStorm的下载和安装。

1.WebStorm的下载

WebStorm的不同版本可以通过官方网站进行下载。下载WebStorm的步骤如下:

(1)在浏览器的地址栏中输入“https://www.jetbrains.com/webstorm”,按下<Enter>键进入WebStorm的主页面,如图 1.8所示。

图 1.8   WebStorm的主页面
图 1.8 WebStorm的主页面

(2)单击图 1.8右上角的“Download”按钮,进入WebStorm的下载页面,如图 1.9所示。

图 1.9   WebStorm的下载页面
图 1.9 WebStorm的下载页面

(3)如图 1.9中的“Download”按钮,弹出下载对话框,如图 1.10所示。单击对话框中的“保存文件”按钮即可将WebStorm的安装文件下载到本地计算机上。

图 1.10   弹出下载对话框
图 1.10 弹出下载对话框

2.WebStorm的安装

WebStorm的安装步骤如下:

(1)WebStorm下载完成后,双击“WebStorm-2019.3.1.exe”安装文件,打开WebStorm的安装欢迎界面,如图 1.11 所示。

(2)单击图 1.11中的Next按钮,打开WebStorm的选择安装路径界面,如图 1.12所示。在该界面中可以设置WebStorm的安装路径,这里将安装路径设置为“E:\WebStorm 2019.3.1”。

图 1.11   WebStorm安装欢迎界面
图 1.11 WebStorm安装欢迎界面
图 1.12   WebStorm选择安装路径界面
图 1.12 WebStorm选择安装路径界面

(3)单击图 1.12中的Next按钮,打开WebStorm的安装选项界面,如图 1.13所示。在该界面中可以设置是否创建WebStorm的桌面快捷方式,以及选择创建关联文件。

(4)单击图 1.13中的Next按钮,打开WebStorm的选择开始菜单文件夹界面,如图 1.14所示。

图 1.13   WebStorm安装选项界面
图 1.13 WebStorm安装选项界面
图 1.14   WebStorm选择开始菜单文件夹界面
图 1.14 WebStorm选择开始菜单文件夹界面

(5)单击图 1.14中的Install按钮开始安装WebStorm,正在安装界面如图 1.15所示、

(6)安装结束后会打开如图 1.16所示的完成安装界面,在该界面中选中“Run WebStorm”前面的复选框,然后单击Finish按钮运行WebStorm。

图 1.15   WebStorm正在安装界面
图 1.15 WebStorm正在安装界面
图 1.16   WebStorm完成安装界面
图 1.16 WebStorm完成安装界面

(7)在首次运行WebStorm时会弹出如图 1.17所示的对话框,提示用户是否需要导入WebStorm之前的设置,这里保持默认选项即可。

图 1.17   是否导入WebStorm设置提示对话框
图 1.17 是否导入WebStorm设置提示对话框

(8)单击图 1.17中的OK按钮,打开设置UI主题界面,在该界面中可以设置默认的UI主题。

(9)单击图 1.18中的Light单选按钮选择默认主题,然后单击Skip Remaining and Set Defaults 按钮,打开WebStorm的许可证激活界面,如图 1.19所示。由于WebStiorm是收费软件,因此这里选择的是30天试用版。如果读者想使用正式版可以通过官方渠道购买。

图 1.18   设置UI主题界面
图 1.18 设置UI主题界面
图 1.19   WebStorm许可证激活界面
图 1.19 WebStorm许可证激活界面

(10)单击图 1.19中的Evaluate for free 单选按钮选择30天试用版,然后单击Evaluate按钮,此时将会打开WebStorm的第二个许可证界面,如图 1.20所示。

图 1.20   WebStorm许可证激活界面2
图 1.20 WebStorm许可证激活界面2

(11)单击图 1.20中的Continue按钮,此时将会打开WebStorm的欢迎界面,如图 1.21所示。这时就表示WebStorm启动成功。

图 1.21   WebStorm的欢迎界面
图 1.21 WebStorm的欢迎界面
© 版权声明
THE END
喜欢就点赞支持一下吧,如果觉得不错或日后有所需要,可以收藏文章和关注作者哦。
点赞4
评论 抢沙发

请登录后发表评论

    暂无评论内容