ionic项目环境+新建项目+添加android环境+真机运行
- 环境配置
参考网址
https://blog.csdn.net/qq_17759721/article/details/78650481
1、请预先安装好nodejs (官网:https://nodejs.org/en/)
【打开命令行执行】
2、安装淘宝镜像命令 npm install -g cnpm --registry=https://registry.npm.taobao.org
3、设置全局的npm从国内源加载 npm config set registry https://registry.npm.taobao.org 或者:修改配置文件(安装的node路径下nodejs\node_modules\npm\npmrc文件)npmrc,
在文件的尾部添加配置registry=http://registry.cnpmjs.org
4. 安装ionic和cordova: npm install -g cordova ionic
5. 如果第四步报错,可以用cnpm安装,命令行: cnpm install -g ionic
以上为基本环境搭建,安装完毕后运行下面命令,看一下,是否安装成功:
- 创建项目
1.在项目文件夹初始化项目命令:ionic start demo tabs
出现错误,解决方案1:在创建项目时跳过依赖项,并不行
解决方案2:安装一个全局的npm,并不行,之前就是全局的-g
解决方案3:出现错误的原因是国内访问icon服务器的项目下载失败,无法连接。
不能用公司的网,自己开热点,以上方法可以用,注意:要把第一句的-npm换成-cnpm才可。
一般项目开始会沿用之前的搭建好的项目(包含常用插件、loading、http请求等方法),不用自己新建项目,如果自己新建不成功,建议拷贝一个空项目,直接使用。
运行ionic serve,浏览器出现以下页面,表示创建成功:
- 真机运行
1)首先得有SDK,拷贝一个或者自己下载,配置环境变量
参考网址https://www.cnblogs.com/harlem/p/6794616.html
2)在新建的,能够浏览器运行的ionic项目里面(cd 项目名)运行下面命令:
ionic cordova platform add android 添加Android平台支持
如果安装的目录不对,或者没下载完全可以删除重新下载:
ionic cordova platform remove android 删除Android平台支持
3)ionic build android 编译项目(编译出错,应该是gradle没安装,参考百度配置gradle的环境变量,还是失败的话,安装一个Android studio管理SDK,SDK的版本问题也会导致编译失败)
如果有aapt字样的错误,有可能是网络原因,有些东西没下载下来,再试一次。删除node_modules下面的所有文件,运行命令行npm i试一下。
修改Android平台下的两个gradle文件,添加
configurations.all {
resolutionStrategy {
force 'com.android.support:support-v4:27.1.0'
}}
4)ionic cordova run android运行项目(先保证连接到手机,手机打开调试模式)
等会,然后手机上就出个白色页面,再等几秒,出现主页。
Build、run成功以后,Android的目录结构如下