您的位置:首页 > 其它

在windows下搭建ionic开发环境

2016-07-04 11:20 204 查看
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!!!

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  开发框架 手机 ionic