安装ionic开发环境
2015-11-11 00:15
429 查看
#安装ionic开发环境
ionic是基于angularjs开发移动端hybrid app的前端框架,对于视图的路由,ionic没有使用AngularJS的路由模块(ng-route),而是使用 了angular-ui项目的ui-route模块。ionic.bundle.js已经打包了ui-route模块, 所以我们使用时不需要单独引入。
官网:http://www.ionicframework.com/
1、安装jdk,sdk,ant,nodejs,webstorm;怎么安装这些请自行百度
2、打开webstorm,在控制台输入如下命令安装cordova(用来打包apk)
3、安装ionic
4、新建一个叫todo的空项目
5、建好项目后的文件结构如下
6、配置打包平台,已安卓为例,输入命令:
参考:http://www.ionicframework.com/docs/guide/installation.html
ionic是基于angularjs开发移动端hybrid app的前端框架,对于视图的路由,ionic没有使用AngularJS的路由模块(ng-route),而是使用 了angular-ui项目的ui-route模块。ionic.bundle.js已经打包了ui-route模块, 所以我们使用时不需要单独引入。
官网:http://www.ionicframework.com/
1、安装jdk,sdk,ant,nodejs,webstorm;怎么安装这些请自行百度
2、打开webstorm,在控制台输入如下命令安装cordova(用来打包apk)
npm install -g cordova
3、安装ionic
npm install -g ionic
4、新建一个叫todo的空项目
ionic start todo blank
5、建好项目后的文件结构如下
├── 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.
6、配置打包平台,已安卓为例,输入命令:
ionic platform add android //添加打包平台android ionic build android //打包 ionic emulate android //开启模拟器
参考:http://www.ionicframework.com/docs/guide/installation.html
相关文章推荐
- Volley的使用
- select、poll、epoll
- 我的OC练习(六)- 协议与代理
- 反转二进制数输出十进制值
- select poll epoll iocp kqueue
- 我的工作之旅
- zzuli OJ 1117: 查找数组元素
- c++中将文件内容清空
- 在frame中访问父窗口中的变量时,无法访问
- C#App.config的使用
- 近日工作小结_2015年11月11日0:10:48
- 程显峰:保障双11不掉“底裤”的5种安全武器
- Hibernate一级和二级缓存
- Home Server
- Home Server
- Android Studio用patch更新方法
- ARM的位置无关程序设计
- Python 一篇学会多线程
- 单一职责原则
- UVA 10256 (计算几何 凸包)