1. Ionic介绍

Ionci 是一个强大的HTML5 应用程序框架。 可以帮助您使用Web技术,如HTML, CSS和Javascript构建原生体验的移动应用程序。

Ionic主要关注外观和体验,以及和你的应用程序UI交互,特别适合基于Hybirrd模式的HTML5移动程序开发。

Ionic是一个轻量级手机UI库,具有速度快,界面现代化,美观等特点,为了解决其他一些UI库在手机上运行缓慢的问题。

 

2. Angularjs介绍

Ionic整合了AngularJs integrate

Ionic url路由使用AngularUI Router

号称下一代web应用,主要特性如下:

1.MVC

2. 模块化与依赖注入

3.双向数据绑定

4. 指令与UI控件

 

3.缺点

放弃IOS6和Android4.1以下版本的支持

根据友盟统计, IOS6和Android4.1以下的版本用户比例很少。

 

4. Ionic安装

npm install -g ionic

 

5. 创建项目

ionic start hi

Ionic 项目创建

hi为项目名称

 

6. ionic cordova platform add android

 Ionic 项目创建

出现 Looks like this is an Ionic Angular project, would you like to install @ionic/cli-plugin-ionic-angular and continue?

选择yes

Ionic 项目创建

命令执行完成后出现The plugin @ionic/cli-plugin-cordova is not installed. Would you like to install it and continue?

选择yes

 

 7. ionic build android

Ionic 项目创建

提示Error: Cannot find module '@ionic/app-scripts'

安装app-script 

npm i @ionic/app-scripts

 

8. 在真机上运行

build成功后,ionic cordova run android

 

相关文章: