ionic安装及测试

Posted 2020-08-15 Tiac

官方教程： http://ionicframework.com/getting-started/

官方教程写得比较简单，简单来说就是

1）安装nodejs（安装方法：http://www.cnblogs.com/tujia/p/5993852.html）

2）利用nodejs的npm包管理器安装 cordova 和 ionic，命令如下

npm install -g cordova ionic

附：上面安装可能会失败，因为安装cordova 和 ionic 时要下载的东西大多需要FQ才能下载，如果你不能FQ，请参考下面这个方法：http://www.jianshu.com/p/5a99334eb62d

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm install -g cordova ionic

3）项目测试（安装一下ionic的tabs默认项目来玩一下）

cd /usr/local/ionic

ionic start myApp tabs
cd myApp
ionic platform add android
ionic build android
ionic emulate android

ionic serve

附：大概意思就是基于tabs项目创建一个项目，添加android平台支持，然后再模拟android测试，最后启动一个http 服务，于是我们就可以在浏览器用 localhost 来访问查看效果了~~

4）直接修改项目里的文件，项目会在浏览器自动重新渲染，不需要刷新~

5）结束！

附：测试项目好像也要FQ~~~，所以如果你 ionic start myApp tabs 失败，就FQ试试吧。。。。。

 

补：上面第三步，platform add android, build android 之类的需要先安装相关的开发环境（这里是安卓开发环境），不想弄这些开发环境的话，直接ionic serve就行了，不用管上面的东西