ionic安装

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运行