
上QQ阅读APP看书,第一时间看更新
1.2 JavaScript开发工具

JavaScript的开发工具有很多,对于初学者来说,我们建议使用HBuilder作为开发工具,下面给大家介绍一下怎么在HBuilder中编写JavaScript。
①新建Web项目:在HBuilder的左上方,依次点击【文件】→【新建】→【Web项目】,如图1-3所示。

图1-3
②选择文件路径以及命名文件夹:在对话框中给文件夹填写一个名字,并且选择文件夹的路径(也就是文件存放的位置),然后单击【完成】按钮,如图1-4所示。

图1-4
③新建JavaScript文件:在HBuilder左侧的项目管理器中,选中test文件夹,然后单击鼠标右键,依次选择【新建】→【JavaScript文件】,如图1-5所示。

图1-5
④选择JavaScript文件路径以及命名JavaScript文件:在对话框中选择JavaScript文件夹的路径(也就是JavaScript文件存放的位置),并且给JavaScript文件填写一个名字,然后单击【完成】按钮,如图1-6所示。

图1-6
这样就建好了一个JavaScript文件,至于怎么在HTML中使用JavaScript,下一节我们再给小伙伴们详细介绍。