混合开发（一）Ionic环境搭建

Ionic混合开发环境搭建

2017/11/12 19:52:10

---

环境：Windows 10 1709(64位)

JDK 1.8_152(如果安装了JDK9请安装JDK1.8 并且将环境变量设置前面)

需要openSSH

---

安装NodeJS

安装教程Windows安装NodeJS

安装cnpm

因为npm在国内使用…(你懂的))所以使用cnpm

网站

https://npm.taobao.org/

使用命令行安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

• 安装完成

安装ionic（全局安装）

cnpm install -g cordova ionic

• 安装完成

安装cordova（全局安装）

cnpm install -g ionic cordova

• 安装完成

创建一个项目

ionic start Hello
//Hello为项目名称

• 创建中 需要输入邮箱地址和密码
• 注册地址 https://dashboard.ionicjs.com/login

• 提示ssh配置 输入密码（不输入也可以）

• ssh配置中

• 进入Hello目录

  cd Hello
  

• 启动

  ionic serve
  

• 在浏览器中打开会看到下图

部署到Android

官方文档

ionic cordova run android --device

• 启动中

• JAVA_HOME 和ANDROID_HOME 环境变量

• 下载gradle-3.3 (复制地址用迅雷下载，这个非常慢)

• 下载完成后复制到（用户/.gradle/wapper/dists/gradle-3.3-all/…）

• 构建中

• 成功

• 项目结构

遇到的错误

• 模拟器没有连接（重新连接）
• 如果是模拟器运行（使用下面命令）

ionic cordova run android

• 同样的app签名不一致（将原来的应用删除即可）