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