首页 > 代码库 > Ionic 项目创建

Ionic 项目创建

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

技术分享

hi为项目名称

 

6. ionic cordova platform add android

 技术分享

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

选择yes

技术分享

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

选择yes

 

 7. ionic build android

技术分享

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

安装app-script 

npm i @ionic/app-scripts

 

8. 在真机上运行

build成功后,ionic cordova run android

 

Ionic 项目创建