Ionic Cordova 环境搭建与打包

1. Ionic Cordova 环境搭建

1. 安装Nodejs 这里就不赘述， Ionic需要Nodejs环境
   

2. 如果没有安装过淘宝镜像的小伙伴这里推荐大家先安装， 后面安装Ionic的时候速度快一些。
   命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 安装IonicCordova环境
   命令: cnpm install -g cordova ionic
   安装成功之后
   

4. 第一个Ionic项目
   新建一个Ionic的工作空间用于存放你的项目， cd到你的工作空间并执行ionic start firstIonic tabs – firstIonic 项目名称， 遇到提问的选项都是N.

5. 生成Ionic模板之后， 进入到firstIonic 。 执行ionic serve
   

6. http://localhost:8100/
   

2. IonicCordova打包移动端app

1. 本人工作本本非mac所以这里以apk为例

2. 先了解一下cordova有哪些平台
   cordova platform ls
   

3. 添加android平台到项目中
   命令： ionic cordova platform add android
   如遇异常
   npm ERR! code EPERM
   npm ERR! errno -4048
   npm ERR! syscall scandir
   则需要清理缓存
   npm cache clean --force
   再次安装
   npm install
   
   添加安卓平台之后项目目录下会新增一个platform文件夹
   
   准备打包apk之前的app目录

4. 打包apk
   ionic cordova build android
   
   打包成功之后
   

5. 使用Android Studio 导入打包好的项目
   

6. 打开Studio之后， 配置项目的SDK
   

7. 运行app
   

8. 你的应用就会展示在模拟器了
   

好记忆不如烂笔头， 实践之后做个笔记， 提供给大家参考。
大家有什么建议或者需要探讨的， 可以评论留言， 共同进步。