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

原文地址:https://www.cnblogs.com/qq309240790/p/4684484.html