分享

Ionic教程2

 看见就非常 2015-04-24

第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里面调试。就这样…

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多