编辑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所示。
(2)单击图 1.8右上角的“Download”按钮,进入WebStorm的下载页面,如图 1.9所示。
(3)如图 1.9中的“Download”按钮,弹出下载对话框,如图 1.10所示。单击对话框中的“保存文件”按钮即可将WebStorm的安装文件下载到本地计算机上。
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”。
(3)单击图 1.12中的Next按钮,打开WebStorm的安装选项界面,如图 1.13所示。在该界面中可以设置是否创建WebStorm的桌面快捷方式,以及选择创建关联文件。
(4)单击图 1.13中的Next按钮,打开WebStorm的选择开始菜单文件夹界面,如图 1.14所示。
(5)单击图 1.14中的Install按钮开始安装WebStorm,正在安装界面如图 1.15所示、
(6)安装结束后会打开如图 1.16所示的完成安装界面,在该界面中选中“Run WebStorm”前面的复选框,然后单击Finish按钮运行WebStorm。
(7)在首次运行WebStorm时会弹出如图 1.17所示的对话框,提示用户是否需要导入WebStorm之前的设置,这里保持默认选项即可。
(8)单击图 1.17中的OK按钮,打开设置UI主题界面,在该界面中可以设置默认的UI主题。
(9)单击图 1.18中的Light单选按钮选择默认主题,然后单击Skip Remaining and Set Defaults 按钮,打开WebStorm的许可证激活界面,如图 1.19所示。由于WebStiorm是收费软件,因此这里选择的是30天试用版。如果读者想使用正式版可以通过官方渠道购买。
(10)单击图 1.19中的Evaluate for free 单选按钮选择30天试用版,然后单击Evaluate按钮,此时将会打开WebStorm的第二个许可证界面,如图 1.20所示。
(11)单击图 1.20中的Continue按钮,此时将会打开WebStorm的欢迎界面,如图 1.21所示。这时就表示WebStorm启动成功。
暂无评论内容