您的位置:首页 > 其它

创建你的第一个ionic+cordova应用(1)

2016-03-22 19:11 120 查看
前面我们安装了前端的神器webstorm11,体验到了强大的开发体验,接着我们来安装ionic必备:
Node.js (npm安装工具) 百度下载 官网下载 注:如果官网新版不能安装请用百度下载0.12.7版
jdk (android编译依赖) 百度下载 官网下载
android (ADK编译) 百度下载 官网下载 (建议迅雷)
开发工具建议 webstorm+ ionic小助手选件:
phonegap (移动端预览) 百度下载 phonegap.apk国内下载 phonegap.ipk苹果下载 phonegap.exe官网下载
Git(bower) 百度下载 官网下载
jre(git需要) 百度下载 官网下载安装node,下一步下一步,直到安装完毕测试安装好没接下来安装java jdk和安卓jdk其中安卓jdk的目录基本如下:运行sdk manager.exe;安装必要的tool和build tool基本如下就可以了接下来就开始安装ionic和cordova了在npm命令行输入npm install cordova ionic -g当然你可能会安装失败,我试过单独安装的时候cordova是可以很顺利安装的,但是ionic是很费劲的,原因是可能需要FQ去安装,这是需要在国外的服务器下载但是淘宝提供了个叫淘宝镜像的东西,可以先安装cnpm,然后通过cnpm去安装ionic
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install ionic -g
这样一般就不会有什么问题了安装完之后测试该有的东西有没有[/code]
如果版本号都没问题的可以出来,那么恭喜你,可以开始项目了

下面演示创建一个名字为ionic05的项目,因为我的项目已经有了,然后需要yes覆盖一下。
出现这样说明已经创建好ionic05项目了
我们去目录看看,并且把他加入到webstorm11中
那我们来运行它安卓环境中:ionic platform add android //加入到安卓中ionic build android //打包ionic run android //真机ionic emulate android //虚拟机ios也一样,将android改成ios另外ionic serve //在浏览器上运行,自动会打开浏览器执行add命令之后会出现platform文件夹打包出来会出现在这个目录中,我们可以安装到自己的手机中运行当然你不可能以这种方式去打包安装来开发,估计会死人上面不是还有一种模拟器上安装吗ok,ios需要在mac电脑上用xcode打包,我等屌丝还没ios,想放着,后面博客补上

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