1、安装Node.js
主要是用来下载和安装 Cordova
下载地址:https://nodejs.org
2、安装Cordova CLI
安装命令:npm install -g cordova
更新命令:npm update cordova -g
更新项目:cordova platform update <项目>
3、测试安装情况
测试命令:cordova -v
4、安装android开发环境
5、创建新的Cordova项目
命令行:cordova create hello com.example.hello HelloWorld
参数说明:
第一个参数 hello 为工程的文件夹名;
第二个参数(可选)com.example.hello 为应用程序的id名,可以在 config.xml 中修改,如果不指定的话默认为 io.cordova.hellocordova;
第三个参数(可选)HelloWorld 为App显示的名称,也可在 config.xml 中修改。
6、添加Android平台支持
进入工程目录:cd hello
添加Android平台:cordova platform add android
运行Android平台:cordova run android
cordova emulate android
7、添加插件的支持
查看已经添加的插件:cordova plugin ls
cordova plugin add <要添加的插件>
8、插卡支持的平台
cordova platform ls
结果:
Installed platforms:
android 7.0.0
browser 5.0.3
Available platforms:
ios ~4.5.4
osx ~4.0.1
windows ~5.0.0
www ^3.12.0
9、PhoneGap+Angularjs+ionic 混合开发(Cordova+Angularjs+Ionic)
安装Angularjs:npm install angular
安装Ionic:npm install -g ionic
10、新建ionic项目并运行
ionic start <项目名称>
cd <项目名称> // 进入工程目录
ionic cordova platform add android // 添加Android Platform (iOS:ionic platform add ios)
ionic build android // build项目 (iOS:ionic build ios)
ionic emulate android // 用模拟器运行 (iOS:ionic emulate ios)
ionic run android // 用Android真机运行(与模拟器二选一就好啦~~)
11、WebStorm开发工具本身支持cordova,可以直接运行cordova|ionic的项目
12、添加对ersi的支持
npm install esri-loader