环境搭建html
一、安装node.jsnode
下载地址:https://nodejs.orgios
选择版本:node-v8.9.4.pkgnpm
在终端运行 npm -v,若是出现版本号则说明 Node.js 安装成功测试
二、安装Cordova CLIui
运行以下命令:sudo npm install -g cordova插件
完成后测试是否安装成功:cordova -vcode
三、建立一个Cordova项目orm
进入工程目录后,输入:cordova create hello com.harry.hello HelloWorldxml
参数说明:
第一个参数 hello 为工程的文件夹名;
第二个参数(可选)com.harry.hello 为应用程序的id名,与Xcode中相似,能够在 config.xml 中修改,若是不指定的话默认为 io.cordova.hellocordova;
第三个参数(可选)HelloWorld 为App显示的名称,也可在 config.xml 中修改。
建立成功后,工程目录以下:
目录文件说明:
conig.xml :cordova的配置文件
hooks/ :存放自定义cordova命令的脚本文件。
platforms/ :各个平台原生工程代码,会在build时被覆盖勿修改
plugins/ :插件目录(主要是提供各个平台的原生API)
res/ : 资源目录(图标、欢迎页)
www/ :用H5编写的源代码目录,build时会被放入各个平台的assets\www目录。
www/index.html :App入口html文件
四、添加iOS平台支持
进入工程目录:cd harry
添加iOS平台文件:cordova platform add ios
执行完毕后能够看到在platforms文件夹下已经建立了个iOS工程