hybrid ionic命令行安装

ionic = Cordova + AngularJS + 一套样式库(吐槽一下坑也不少)

最近回归了一下Android，原生的Android开发优点和缺点都十分明显，硬伤肯定是维护和发版问题，于是关注了一下Hybrid App开发（混合型App开发），Hybrid的框架也很多，具体选型优劣可以参考文章https://www.jianshu.com/p/4bc6ccfd5941

下载安装的链接在这：http://ionicframework.com/docs/overview/#download（菜鸟教程里提供的）

这里记录的是ionic通过命令行的安装方法。

1、下载nodejs安装包，安装nodejs。我的安装路径在C:\Program Files\nodejs，主要我们使用npm功能

2、安装好后，cmd进入nodejs的目录，输入命令来安装ionic（如果安装失败自行度娘）

npm install -g cordova 
npm install -g ionic

3、创建应用：

$ ionic start myApp tabs

此时可能会报错

Ionic/cmd提示 'node' 不是内部或外部命令，也不是可运行的程序

我们进行环境变量的配置

“我的电脑-属性-高级系统设置-环境变量”

变量名；NODE_PATH
变量值：C:\Program Files\nodejs;（这里是node.js的安装路径）

在path后加上;%NODE_PATH%(注意前面有分号隔开)

配置好后，再运行命令，如果还不行，只能用一个偏门（无奈之举，可能电脑太烂！)

发现nodejs在路径C:\Program Files\nodejs

新下载的ionic和cordova在C:\Users\Administrator\AppData\Roaming\npm

要做的就是把nodejs下面的文件全部复制到后面那个npm文件中，然后配置path环境变量加上：

;C:\Users\Administrator\AppData\Roaming\npm

cmd进入该路径后输入：ionic -v

出现如图表示能正常识别ionic

能识别后创建Android应用

$ cd testApp
$ ionic cordova platform add android
$ ionic cordova build android
$ ionic cordova emulate android

 当然这个过程也可能不太顺利，第一步add可能基本没有问题，第二步有可能会报错，记录遇到的两个问题：

（1）SDK问题，建议大家都把sdk都更新到最新吧（有些人可能不会报sdk的错，那也可以忽略）

 

（2）A problem occurred configuring project ':CordovaLib'. in ionic cordova

这个参考下面的链接，不过我亲自更改了我的build.gradle文件，发现和上面的文件改动地方不太一样

https://stackoverflow.com/questions/53052825/a-problem-occurred-configuring-project-cordovalib-in-ionic-cordova

先找到新建项目的build.gradle存放路径(我的项目是testApp)： C:\Users\Administrator\AppData\Roaming\npm\testApp\platforms\android\CordovaLib

编辑里面的build.gradle找到buildscript，添加下面红线的这几行保存

buildscript {
    repositories {
        google()
        jcenter()
        maven{
        url 'https://maven.google.com'
        }
    }......

 然后重新运行ionic cordova build android

看到app-debug.apk是不是觉得很熟悉鸭~

ionic cordova emulate android这个命令是用ionic模拟器运行展示，我这里用蓝叠展示