ionic项目环境+新建项目+添加android环境+真机运行

  1. 环境配置

参考网址

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. 创建项目

1.在项目文件夹初始化项目命令:ionic start demo tabs

出现错误,解决方案1:在创建项目时跳过依赖项,并不行

解决方案2:安装一个全局的npm,并不行,之前就是全局的-g

解决方案3:出现错误的原因是国内访问icon服务器的项目下载失败,无法连接。

不能用公司的网,自己开热点,以上方法可以用,注意:要把第一句的-npm换成-cnpm才可。

 

一般项目开始会沿用之前的搭建好的项目(包含常用插件、loading、http请求等方法),不用自己新建项目,如果自己新建不成功,建议拷贝一个空项目,直接使用。

运行ionic serve,浏览器出现以下页面,表示创建成功:

  1. 真机运行

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的目录结构如下

猜你喜欢

转载自blog.csdn.net/qq_37302082/article/details/84107772