ionic搭建Android环境

2020-03-20 本文已影响0人清蒸鱼跃龙门

1.环境搭建(Mac系统下)

1.1 开发工具webstorm安装激活

1.2 安装JDK 1.8

1.3 安装Android studio 开发工具

1.4 配置gradle

一开始设置里没有gradle选项，打开任意一个安卓项目后编译会报错没有gradle环境变量，此时再去设置里填上详细路径。Android studio默认把gradle安装在users/用户名/.gradle

之后再找到开发工具左边有一栏resource manager 点击sync project

1.4.1 错误org.gradle.api.tasks.compile.CompileOptions.setBootClasspath...

原因：开发工具和gradle配置版本不一样

删除项目里gradle文件夹，修改build.gradle里的版本号，要匹配当前开发工具版本。

2.新建文件(默认从src/app/之后的路径开始写起)

2.1 新建页面

ionic g page /pages/页面名称

2.2 新建服务

ionic g service /services/服务名称

3. 常用命令

ionic build // 编译

ionic serve // 运行

ionic cordova platform add ios // 添加iOS平台

ionic cordova resources ios // 生成ios平台图标

ionic cordova build ios // 编译iOS

ionic cordova build ios --prod // 编译iOS生产版

ionic cordova run ios // 运行

ionic cordova plugin add 插件名 // 添加插件

ionic cordova plugin remove 插件名 --save // 删除插件

npm I 插件名 --save // 仅通过plugin add添加插件是无法使用的，还需要npm 安装一遍