Ionic介绍
ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术,可以快读开发移动App、移动端WEB页面,微信公众平台应用,混合app web页面,ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
Ionic的安装
1.与angualr的安装一样,首先安装node.js的稳定版本,直接去官网下载即可https://nodejs.org/en/
安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
以后所有的npm可用cnpm代替
2.安装cordova ionic命令
cnpm install -g cordova ionic
之后输入ionic -v和cordova -v 命令,查看是否安装成功(出现版本号则安装成功)
3.创建项目
1.选择要创建的文件夹
2.使用命令创建:ionic start 项目名称 tab
可以创建为空白的,可以带底部内部切换的项目,也可以创建带侧边栏的项目
- ionic start 名称 blank
- ionic start 名称 tabs
- ionic start 名称 sidemenu
如图:
创建依赖包时很慢,有可能也会出错,这时候我们可以终止,通过cnpm install 安装
4.最后输入ionic serve 即在浏览器自动出现我们创建的界面。