1.关于ionic
首先ionic官方文档:Ionic Platform Documentation。
接下来是 ionic CSS得文档:ionic3中文文档_Ionic3组件文档
*ionic = Cordova + Angular + ionic CSS *
Cordova 提供了使用 JavaScript 调用 Native 功能,ionic CSS 是一套 UI 框架,ionic 对 Angular 进行了封装。
2.安装
首先需要安装node.js环境:Node.js 安装配置 | 菜鸟教程
接下来我们安装ionic,这篇文章以及接下来得项目教程我都是使用4.2.1版本
//终端运行
$ npm install -g cordova ionic //安装ionic
$ ionic -v //检查版本
现在我们开始创建我们得项目
//终端运行
//在我们要创建项目得根目录下
$ ionic start MyApp tabs
//其中 MyApp是我们得项目,tabs是样式
//对应得还有blank,sidemenu两种样式
$ cd MyApp //进入到项目目录
$ npm install //安装依赖库
$ ionic serve // 在浏览器中运行项目
2.png
网页查看平台模板
http://localhost:8100/?ionicplatform=ios
http://localhost:8100/?ionicplatform=Android
最后附上一些常用得命令:
//ionic浏览器运行
ionic serve
//添加android/ios平台
ionic cordova platform add android/ios
//移除android/ios平台
ionic platform rm android/ios
//编译android/ios
ionic cordova build android/ios
//新建页面
ionic g page myPage
网友评论