说明:mac nvm 安装的v9.2.0node
一、开发环境配置
1、sudo安装cordova ionic 时一直报错node pre gyp err,然后换了淘宝镜像,虽然能安装可不能运行项目 果断卸载 uninstall.先运行npm install -g graceful-fs graceful-fs@lates,再安装 然后查看cordova版本 这时会提醒安装,按命令安装即可。
2、安装安卓jdk v1.8
安装android studio
配置环境变量在.bash_profile中添加javahome等具体参见官网
安装Virtual BOX
安装Genymotion
启动Genymotion添加一个模拟设备。
3、安装ios
安装好xcode后
终端运行:$ xcode-select --install
npm安装命令行启动环境:$ npm install -g ios-deploy和$ npm install
-g ios-sim(也可不安装直接xcode打开或者双击打开.xcodeproj文件。)
二、开发
1、创建项目$ ionic start MyIonicProject(项目名) tutorial(模板类型)
2、浏览器查看:
$ cd MyIonicProject/
$ ionic serve
3、添加平台:
$sudo cordova platform add ios
$sudo cordova platform add android
4、打包成app:
ionic cordova build android --prod --release
(执行时遇到了权限错误,执行sudo chmod 755 /Applications/Android\ Studio.app/Contents/gradle/gradle-4.1/bin/gradle即可)
ionic cordova build ios --prod --release
5、调试发布