Ionic+Angular 开发移动应用二:运行、打包


Ionic+Angular 开发移动应用二

欢迎交换友链: Laker’s Blog–进击的程序媛
Github:https://github.com/younglaker
V信: lakerHQ (请注明‘来自博客’)


创建项目

1
2
$ ionic start 项目名 tabs [or blank, or sidemenu 三种模板]
$ cd 项目名

tabs是Ionic的默认模板名,即使不输入tabs,创建的App仍然是基于tabs的项目。

文件 作用
Bower.json Bower的配置文件
config.xml 配置文件,设置一些如项目名,项目图标,在不同系统中(ios、android……)不同的配置等等
gulpfile.js gulp的配置
hooks
ionic.project
package.json 项目信息、依赖的工具等等
platforms 不同平台的不同编译,在mac系统中会自动生成ios平台目录
plugins 添加的插件
scss scss文件
www 主开发目录,html/css/js/img等

运行

1
ionic serve // Run your app in the browser (great for initial development):

或者

1
ionic run android [ or ios,or browser] // 运行ios需要依赖 npm install ios-deploy ios-sim -g

创建Android应用环境

1
2
3
4
$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic emulate android

ubuntu build apk:

ubuntu build apk

win7 build apk:

win7 build apk

创建iOS应用

1
2
3
4
$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios

如果出现”ios-sim was not found.”错误,可以执行以下命令:
npm install -g ios-sim

www 目录

index.html

ionic.bundle.js 文件已经包含了 Ionic核心JS、AngularJS、Ionic的AngularJS扩展,如果你需要引入其他 Angular 模块,可以从 lib/js/angular 目录中调用。

cordova.js 是在使用 Cordova/PhoneGap 创建应用时生成的,不需要手动引入,你可以在 Cordova/PhoneGap 项目中找到该文件,所以在开发过程中显示 404 是正常的。


Ionic+Angular 开发移动应用二:运行、打包

本文原创自http://laker.me/blog,转载请注明出处,欢迎交换友链

如果本文对您有帮助,微信扫一扫,请我喝杯咖啡吧

评论组件不稳定,有事请联系V信 lakerHQ (请备注来自博客)