在windows下搭建ionic开发环境

ionic是一个基于HTML5创建类似于手机平台原生应用的开发框架,只有会html,css,js,angularjs就可以开发手机app啦,特别给力,当然要使用它,就要先搭建开发环境啦,网上查了一些教程,发现这个很好,就不复制它啦,上网址:

http://www.ionic-china.com/winionic.html#ionicinfo

在按照和这个教程一步一步搭建的时候,出现了一个问题,在第二步,安装jdk的时候,安装完毕,cmd运行java -v ,它说java不是内部命令,当然这是,不要配置环境变量的结果(教程中说无需配置path。。。),那就手动配置一下好了,配置方法见这里:

http://blog.sina.com.cn/s/blog_904d11540100xqde.html

之后,就一路来到第四步,ionic start myApp tabs     它的意思是使用ionic的tabs模板初始化一个ionic项目,名字叫做myAPP,我们可以省略

那个tabs,因为ionic默认的模板就是tabs,当然可以使用其他的模板啦,有好多模板的,看这里:

https://www.douban.com/group/topic/82651267/?type=rec

然后,运行ionic server,就可以在浏览器上预览这个新建的icon项目了,使用chrome的手机模拟功能,可以更好的感受它运行效果,好了,先停一下,打开myApp文件夹,会发现一个www文件夹,打开www文件夹,发现,这里就是我们熟悉的前端文件啦,html,js,css什么的,templates文件夹里放的是angularjs模板文件,lib文件夹里放的是ionic框架文件,我们学了ionic之后,就可以自己写www文件下的文件内容,开发自己的app啦!!!(注意:你可能忍不住使用浏览器打开www文件夹下的index.html文件,看看运行效果,打开之后发现啥也没有,这是正常的,因为浏览器禁止本地ajax请求,打开浏览器开发工具,就知道报错了!将这些文件放入一个本机web容器里,通过localhost在浏览器中打开,就可以了,是正常运行的!!!)

好了,继续往下走,在第五步生成apk文件的时候,可能会报错,一般是网络不好的原因,我最后成功了,将那个apk文件放入我的魅蓝note手机了安装之后,完美运行了,,,,,yes!!!





 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值