ionic安装及测试

Posted Tiac

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic安装及测试相关的知识,希望对你有一定的参考价值。

官方教程: 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就行了,不用管上面的东西

以上是关于ionic安装及测试的主要内容,如果未能解决你的问题,请参考以下文章

ionic的安装

ionic环境配置及问题

Ionic环境配置及android打包

Vue+Ionic4,知虎偏行(二)创建及配置项目

ionic3引用外部插件--百度地图及echart报表的使用

ionic6探索笔记——环境搭建及创建项目