打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Ionic教程2

第2章:安装
在这一章中,我们将进行Ionic开发流程,下载和安装所有必要依赖。

开发平台注意点
首先,我们需要注意构建Ionic App需要的最低配置:
Ionic只支持iOS6 +和Android 4.0 + ,(虽然2.3可以工作,但会有点卡)。
但是,Android设备众多,可能出现某些不能正常工作。我们希望你帮助测试和改进我们的设备兼容性,有问题可以反馈到GitHub项目上。

你可以在任何你喜欢的操作系统应用程序开发的Ionic app。
事实上,Ionic在MAC OS X,Linux和Windows上都可以开发。
这篇教程,主要是面对IOS,所以,你必须有OS X作为开发和部署iPhone app(米国人都用Mac,咱穷,用虚拟机吧) 。

如果你是用Windows,请下载并安装Git可或者是console2 ,下面的命令都将在Git Bash中执行 。
首先,我们要去安装Apache Cordova的最新版本,把我们的应用程序和打包为一个本地app。
安装Cordova,确保Node.js已经安装,然后运行
(其实Ionic安装就几句话,下面简单点说)
$ npm install -g cordova ionic
$ ionic start myApp tabs、
$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios

查看一下目录:
$ cd myApp && ls

├── bower.json // bower dependencies
├── config.xml // cordova configuration
├── gulpfile.js // gulp tasks
├── hooks // custom cordova hooks to execute on specific commands
├── ionic.project // ionic configuration
├── package.json // node dependencies
├── platforms // iOS/Android specific builds will reside here
├── plugins // where your cordova/ionic plugins will be installed
├── scss // scss code, which will output to www/css/
└── www // application – JS code and libs, CSS, images, etc.

html,js,css代码都在www目录下,只需在里面进行开发即可,如果没有用到cordova的插件,可以直接在chrome里面调试。就这样…

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
使用ionic框架开发移动hybrid应用
ionic 安装 | 菜鸟教程
ionic2混合app开发系列1
现有主流Hybrid框架都有哪些
HybridAPP开发框架Ionic+AngularJS+Cordova搭建
Ionic简单接触:Windows下Ionic Android开发环境搭建
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服