1. Ionic Cordova 环境搭建
-
安装Nodejs 这里就不赘述, Ionic需要Nodejs环境
-
如果没有安装过淘宝镜像的小伙伴这里推荐大家先安装, 后面安装Ionic的时候速度快一些。
命令:npm install -g cnpm --registry=https://registry.npm.taobao.org -
安装IonicCordova环境
命令: cnpm install -g cordova ionic
安装成功之后
-
第一个Ionic项目
新建一个Ionic的工作空间用于存放你的项目, cd到你的工作空间并执行ionic start firstIonic tabs – firstIonic 项目名称, 遇到提问的选项都是N. -
生成Ionic模板之后, 进入到firstIonic 。 执行ionic serve
2. IonicCordova打包移动端app
-
本人工作本本非mac所以这里以apk为例
-
先了解一下cordova有哪些平台
cordova platform ls
-
添加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目录 -
打包apk
ionic cordova build android
打包成功之后
-
使用Android Studio 导入打包好的项目
-
打开Studio之后, 配置项目的SDK
-
运行app
-
你的应用就会展示在模拟器了
好记忆不如烂笔头, 实践之后做个笔记, 提供给大家参考。
大家有什么建议或者需要探讨的, 可以评论留言, 共同进步。