天天看点

HybridAPP:AngularJS+Ionic+Cordova开发学习【二】环境搭建

0. 我用的MacOS,只测试了iOS的。

1. 安装NodeJS

下载最新版本,安装

https://nodejs.org/zh-cn/download/

2. 安装Ionic和Cordova

命令行安装ionic

$ npm install -g cordova ionic
           

(运行命令,完成Cordova 和 Ionic的全局安装)

相关学习文档可参考

官网 http://ionicframework.com/

国内 http://www.ionic.wang/

3. 新建一个Ionic项目

$ ionic start myApp tabs
           

4. 运行Ionic项目

$ ionic cordova build ios
           

不知道怎么用命令直接运行,就默默去

myApp/platforms/ios/myApp.xcworkspace

路径,用XCode打开了编译好的项目,配置开发证书等,然后运行到了手机上。

成功运行,继续学习。

HybridAPP:AngularJS+Ionic+Cordova开发学习【二】环境搭建

4. 浏览器调试

(1) 安装浏览器环境

ionic cordova platform add browser
           

(2) 运行浏览器调试

ionic cordova run browser
           

继续阅读