inoic2混合开发构建

说明: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、调试发布

你可能感兴趣的:(inoic2混合开发构建)