首页 > 其他 > 详细

ionic安装

时间:2015-07-28 22:34:59      阅读:282      评论:0      收藏:0      [点我收藏+]

ionic 安装

安装之前,首先确保你安装了nodejs!!!在Windows平台,还需要确保安装了Ant、Java、Android!!!并设置环境变量

1、安装Cordova

 

 

npm install -g cordova //全局安装

npm install - g cordova //全局安装

2、安装Ionic

 

 

npm install -g ionic

npm install - g ionic

3、创建一个Ionic项目

 

 

ionic start todo blank  //项目名称todo  样例模板blank

ionic start todo blank    //项目名称todo  样例模板blank

4.切换到项目todo的目录

5、添加Android或者IOS平台支持

 

 

ionic platform android  
或
ionic platform ios//必须在mac系统下哦

ionic platform android   

ionic platform ios //必须在mac系统下哦

6、构件并启动,等待模拟器启动,即可查看效果

 

 

ionic build ios或android
ionic emulator ios 或 Ionic run android 或 ionic emulator Genymotion image //Genymotion image 还有待实践

ionic build ios 或 android

ionic emulator ios 或 Ionic run android 或 ionic emulator Genymotion image //Genymotion image 还有待实践

 

7、鉴于大部分人没有Mac本以及Android又实在不争气,可以通过一些工具直接在浏览器访问。如Tomcat、Wampserver等。比如:

Ionic服务:

 

 

ionic serve  //注意是单词 SERVE  不是SERVER 没有R

ionic serve    //注意是单词 SERVE  不是SERVER 没有R

node模块法:

 

 

npm install -g gulp
npm install -g gulp-connect
gulp

npm install - g gulp

npm install - g gulp - connect

gulp

技术分享

可以观察到服务已经启动,访问localhost:8080/#/todo即可浏览

提示:Windows下执行Ctrl+C键结束gul运行 

ionic安装

原文:http://www.cnblogs.com/qq309240790/p/4684484.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!