码迷,mamicode.com
首页 > 其他好文 > 详细

ionic安装

时间:2015-07-28 22:37:28      阅读:138      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!