ionic3

app 采用Ionic+Cordova模式进行开发。

Ionic+Cordova的组合是一个跨平台的移动开发框架,属于HybirdApp开发模式。其中Ionic是一个前端框架,集成了AngularJs。Cordova本身就是一个跨平台的移动开发框架,可以将应用打包成各个平台下的应用。

1、	安装JDK,建议版本是1.8
2、	安装Anroid SDK
3、	安装nodejs
4、	安装cnpm:
    npm install -g cnpm --registry=https://registry.npm.taobao.org
5、	安装最新ionic:
    cnpm install -g ionic
6、	安装6.5版本cordova:
    cnpm install -g [email protected]
7. 在浏览器中运行
    ionic serve

如何自己创建ionic项目:

ionic start sdscapp  tabs   //sdscapp为项目名   tabs为简易模板 :在上述环境安装完成情况下

目录下有以下文件:

ionic3_第1张图片

Ionic支持两个平台ios、android,默认的Ionic项目并没有添加这两个平台,我们需要手动添加,cd到开发目录下执行命令:

Ionic cordova platform add android   //添加安卓平台
ionic cordova platform add ios 		//添加ios平台

构建打包:

   ionic cordova build android

运行手机连接到电脑,并开启usb调试模式,执行命令:

ionic run android

调试模式

Ionic为我们提供了非常方面的web调试环境,只需要执行ionic serve就可以实现lievereload,而在部署到移动端后也可以开启livereload

ionic cordova run android -livereload -consolelogs

 

你可能感兴趣的:(前端,ionic,apk)