【ionic+cordova混合开发移动app】ionic创建app初始项目

如何创建一个app项目

效果展示：

环境依赖：1、node（npm）。2、sdk。

第一步：安装node环境

下载地址:https://nodejs.org/en/download/

自行下载node.js,安装即可.

验证是否安装成功

打开cmd窗口:

输入node -v 检查node环境

输入npm -v 检查npm

第二步.sdk环境

这里我直接安装了Android Studio.内部就包含了SDK

地址:http://tools.android.com/download

注:这里安装时候注意一下sdk安装路径.配置环境变量时候要用

傻瓜式安装完成后,右键[我的电脑]->[属性]->[更改设置]->[高级]->[环境变量]->新建

变量名:ANDROID_HOME

变量值:(skd根目录)

然后再path变量中添加两条:

[1]   %ANDROID_HOME%\tools;

[2]   %ANDROID_HOME%\platform-tools;

配好后,进入cmd命令窗口输入:adb version 验证是否成功

第三步,安装ionic

命令:npm install -g ionic@3.19.0

验证:ionic -v

到这里环境就ok了

下面创建官网初始的项目模板

在想要创建项目的目录中打开cmd窗口:输入ionic start 

根据提示下载成功后,项目创建完成.

打开项目目录cmd窗口,输入:ionic serve.项目启动

启动完成后,会自动打开浏览器,就会看到我们的项目初始状态啦!

遇坑:一切环境配置好后,输入ionic start 下载一般报错.如下:

网上查了一下说是网络不稳定问题.解决办法.

使用国内镜像cnpm.

cmd安装命令: npm install -g cnpm

检查是否安装成功:cnpm -v

然后输入一下命令创建项目

ionic start app --v3 --skip-npm

其中--v3表示采用Ionic3版本创建app，--skip-npm表示跳过npm installl package阶段

创建完成后,进入项目根目录

cmd窗口执行: 

cnpm install --save

执行结束,项目创建完成,没有报错. 

启动项目:ionic serve