Windows上使用ionic开发IOS程序

编程入门行业动态更新时间:2024-10-24 05:22:56

Windows上使用ionic开发IOS<a href=https://www.elefans.com/category/jswz/34/1771429.html style= 程序"/>

Windows上使用ionic开发IOS程序

开发ios程序需要mac本，但是好多屌丝们没有Mac 本，那就在虚拟机上安装一个MacOS，凑合着用吧。

下面我就以我自己的亲身经历，带着ionic爱好者一步一步的在windows上开发ios程序

安装VMware和Mac OS

参看我的这篇文章windows上安装Mac OS

ionic开发ios程序

安装Xcode

为什么要安装Xcode呢？

ionic开发Android程序都不需要安装eclipse等IDE，只要一个能写SSS，JS
HTML的IDE就行（Hbuilder，WebSotrom，Sublime Text），开发完成之后不就执行个ionic platform add android,ionic build android，然后就能生成一个.apk文件，给手机上一安装O了。

ionic开发ios程序就得安装Xcode IDE，这是因为蛋疼的ios程序无法直接使用命令生成，使用命令只能生成.project文件，然后再使用Xcode IDE将.project文件转成.ipa文件，更让人蛋疼的是这个ipa文件居然也不能被直接安装到爱疯上，只能先上传到APP Store，人家审核通过之后，我们再从APP Store上下载。（看到这你可能快疯了，但是没法啊，谁让人家NB呢。好了废话少说了，乖乖安装Xcode吧）

安装ionic开发环境

（这个和在windows上安装android开发环境类似）

安装Nodejs

百度下载，傻瓜式安装，注意：屌丝们，你现在是Mac本，所以需要下载Nodejs for mac的，别下错了

安装cordova,ionic

sudo npm install -g cordova
sudo npm install -g ionic
或者合成一句统一安装
sudo npm install -g cordova ionic

创建项目

ionic start firstIonicProjectForIos [tabs][blank][sidememu]

浏览器中运行项目（调试项目）

cd firstIonicProjectForIos
ionic serve(自动在afai浏览器中打开)

模拟器中运行项目

因为apple开发的证书限制我们在没有申请购买apple账号的情况下，使用虚拟机来部署我们的应用，在部署之前需要使用npm安装一个ios-sim插件用来调用模拟器的，执行命令：

sudo npm install -g ios-sim

然后执行

ionic platform add ios （添加ios平台）
ionic build ios

开始编译项目，编译完成之后用Xcode打开开发目录下platform->ios->myIonic.xcodeproj的项目文件，Xcode中选择要运行的虚拟机版本并执行快捷键cmd+R运行虚拟机，虚拟机打开后会自动运行你应用。

当然你也可以使用命令：
ionic emulate ios(在ios模拟器中打开)/ionic run ios(我的报错了)

PS: 为什么不用run ios 命令直接启动虚拟机呢，因为我的环境下执行run会报错，虚拟机会打开但是无法运行程序，找了半天解决解决方案没有结果，索性直接用Xcode了，效果是一样样的。
PS:运行时千万别直接双击XXX.xcodeproj文件使用Xcode打开，这种打开方式在模拟器中运行时Xcode会报build faild的错误。

而应该先打开Xcode

点击Open another project…，然后选择项目目录/platforms/ios/xxx.xcodeproj

PS:在IOS模拟器中输入中文
找到模拟器的Settings—>General–>Keyboard–>International KeyBoards–>Add New Keyboard–>Chinese Simplified(PinYin) 即我们一般用的简体中文拼音输入法，配置好后，再输入文字时，点击弹出键盘上的“小地球”就可以输入中文了。