ionic1.x开发APP（1）环境配置

来源：互联网发布：c语言实现网络爬虫编辑：程序博客网时间：2024/06/05 21:53

ionic1.x是基于angularjs1.x和codova的移动开发框架，是一套html5的开源移动开发框架，一次开发支持多个平台，至少支持android和ios。

ionic2.x是基于angularjs2.x和codova的移动开发框架，因本人对angularjs2.x没有深入研究，我们就讲讲ionic1.x。

先简单说一下这一系列的计划文章，预计6月底全部完成，谢谢大家支持。

ionic1.x开发APP（2）基本用法

ionic1.x开发APP（3）常用的指令

ionic1.x开发APP（4）使用codova插件安装及调用原生功能

ionic1.x开发APP（5）集成angularjs material增加更多的指令

ionic1.x开发APP（6）自定义指令开发

ionic1.x开发APP（7）codova插件开发

ionic1.x开发APP（8）codova非官方常用插件列表及地址

1）首先您需要安装node.js,前往官方网站下载node.js对应你的电脑版本下载，双击安装。

 npm install -g cordova ionic@1.7

因为使用nmp安装默认安装的是ionic最新版本，最终你会发现是ionic2.x，所以必须使用@+版本号指定版本，安装过程可能很慢，在安装之前我们可以更换npm的源，换成淘宝源，命令行执行

npm --registry https://registry.npm.taobao.org info underscore

ionic start myApp tabs

默认提供3中创建模版

ionic start myApp blank //创建空白工程

ionic start myApp tabs //创建带tab的工程

ionic start myApp sidemenu //创建带侧栏的工程

在运行之前对于android，我们必须安装JDK、androidSDK

对于苹果安装Xcode（非必须），但必须在mac电脑下

1）安装JDK，直接上java官网现在JDK安装即可

2）安装androidSDK，谷歌官网需要翻墙或太慢，建议到http://www.android-doc.com/sdk/index.html下载即可

3）xcode直接App Store下载即可

苹果运行命令

 cd myApp // 切换到当前工程目录，如果没有切换，运行下面指令会报错

ionic platform add ios //添加ios平台

ionic build ios //编译

ionic emulate ios //模拟器运行（ionic run ios）

android运行

ionic platform add android

ionic build android

ionic emulate android //模拟器运行（ionic run android）

0 0

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子留学机构哪个好启鑫恒启启及启善启德雅思启德集团启德雅思培训学校启德雅思培训启捷怎么样留学启德启德机场尚学明德菲利普莱纳德德克里斯可诺艾斯拉塞弗德德约科维是以有德什么是德德而启悦启悦铃木天津启悦启悦首付启悦4s店启悦铃木启悦好不好启悦发动机启悦2015款启悦脱发启悦怎么样启悦吧铃木启悦启悦保法止启悦非那雄胺启悦和保法止的区别启悦双燃料车价格启悦多少钱启悦汽车怎么样启悦论坛启悦汽车