当前位置: 首页 > 工具软件 > ION > 使用案例 >

IONIC--如何使用IONIC

司徒杜吟
2023-12-01

ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

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

ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题,它直接放弃了IOS6和Android4.1以下的版本支持,来获取更好的使用体验。

ionic=Cordova+Angular+ionicCss-------ionic是完全基于谷歌的Angular框架,在Angular的基础上做了一些封装,让我们可以更快和容易的开发移动项目。ionic掉头原声的功能是基于Cordova,Cordova提供了使用JavaScript调用Native功能,同时ionic也封装了自己的一套CSSUI库。

ionic 安装

首先您需要安装 Node.js,我们在接下来的安装中需要使用到其 NPM 工具

然后通过命令行工具安装最新版本的 cordova 和 ionic 

Window 上打开命令行工具执行以下命令:

$ npm install -g cordova ionic

创建应用

使用ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个ionic应用(git注册邮箱 运行git ssh等命令 中途报错根据百度适当调整):

$ ionic start myApp tabs //tabs是有底部切换功能的页面 blank--空白页面; sidemenu--侧边切换页面

*运行我们刚才创建的ionic项目

使用 ionic tool 创建,测试,运行你的apps(或者通过Cordova直接创建)。

创建iOS应用

$ cd myApp
$ ionic cordova platform add ios
$ ionic cordova build ios
$ ionic cordova emulate ios
ionic cordova platform --help  //使用此命令了解命令的书写
cd到自己常见的目录后(cd myApp)使用以下命令运行项目,弹出一个浏览器对话框
ionic serve

若ionic安装失败

1、检查自己的nodejs版本
2、安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org //安装后之后用npm命令的也用cnpm代替

3、
cnpm install -g cordova ionic



 类似资料: