1. 安装 Nodejs
- 说明:安装完成 nodejs的版本后,如果npm 不是最新版本, 运行
npm install npm
升级成最新的 npm
2. 安装 JDK
- 下载java的JDK,双击下一步下一步安装 jdk
- 安装完成配置 jdk 的环境变量
- 验证 jdk 是否配置成功(控制台中输入 javac 、java 都能出来对应代码说明成功)
3. 安装 Android Studio环境
-
下载 android studio
http://www.android-studio.org/ -
下载后双击下一步下一步安装如下图
在这里插入图片描述
注意:sdk 目录不能有中文,不能有空格。如果 C 盘足够用回头就放在 C 盘
打开的时候如果报错,点击取消。
在这里插入图片描述
4. 安装 cordova 、Ionic
- 建议使用 npm 安装 cordova ionic
npm install -g cordova ionic
5. 创建 ionic 项目
2.1、Ionic 创建浏览器运行的项目:
1. 创建项目:ionic start my App tabs
2. cd 到刚才创建的项目
3. ionic serve 浏览器运行项目
6. 把 cordova android 平台添加到 ionic 项目中
2.2、Ionic 创建借助 cordova
1. 创建项目: ionic start my App tabs
2. cd 到刚才创建的项目
3. ionic cordova platform add android 把 android 环境添加到我们的项目
4. cordova run android 就可以让测试程序跑到我们的手机、或者用 androidstudio 导入 项目
7. Ionic 项目导入 Android studio 运行调试、打包、用cordova工具调试项目
- 导入项目
- 手机连接
- 数据线连接手机和电脑
- 设置手机为开发者模式
-
配置
如果没有Android APP,点击+添加
-
运行
-
可以借助360手机助手查看
-
在vscode中修改了项目
修改代码一定要运行
ionic build
,然后重新运行到手机,修改的代码才能生效 -
在手机上要允许USB安装,安装完成之后,如果是刚新建的项目,需要将自动生成的首页代码连接更改,否则会报错。
8、打包正式包
- 生成签名
- 生成签名文件
- 更改版本号
- 重新发布
- 选择之前的签名文件,重新打包