一、Mac下的环境搭建
安装cordova和ionic:
npm install -g cordova ionic
执行以下命令可验证是否安装成功:
cordova -v
查看cordova版本
ionic info
查看ionic相关信息
ionic -v
查看ionic版本升级到最新版本ionic
npm install --save-dev --save-exact ionic@latest
安装指定版本ionic
npm install --save --save-exact ionic@4.12.0
、通过苹果商店安装好Xcode编译器之后,需安装IOS-sim(模拟器运行环境)、IOS-deploy(真机运行环境)。
安装模拟器运行环境
sudo cnpm install -g iOS-sim
安装真机运行环境
sudo npm install -g ios-deploy —unsafe-perm=true
执行以下命令可查看是否安装成功:
iOS-sim —version
查看版本
ios-deploy -v
查看版本
二、cordova打包并运行项目
创建项目
ionic start myApp sidemenu
(创建左侧菜单栏的项目)
创建完毕后,出现? Install the free Ionic Appflow SDK and connect your app? (Y/n),选择n,等待完成在浏览器中运行项目
命令行ionic serve
,即可在浏览器中运行项目使用cordova添加IOS平台(命令介绍从ionic添加IOS平台任选其一)
cordova platform add ios —save
在Xcode上启动
ionic cordova prepare ios
添加IOS平台
ionic cordova run ios -l
在IOS平台下运行项目
三、 capacitor安装及运行项目需要安装cocoapods,CocoaPods是专门为iOS工程提供第三方依赖库的管理工具,通过CocoaPods,我们可以更方便地管理每个第三方库的版本。
sudo gem install cocoapods
更新本地的储存库
pod repo update
安装capacitor
npm install --save @capacitor/cli @capacitor/core
添加IOS平台
npx cap add ios
或者ionic capacitor add ios
创建项目并在IOS设备运行(目前capacitor打包并运行项目仍存在问题,待后期更新)
ionic start myApp sidemenu
ionic capacitor open ios
四、疑难问题
- 解决IOS安装Xcode相关工具报错:tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance的问题。
1、输入命令切换到正在用的Xcode路径下
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer/
2、再次输入命令 验证是否切换成功
xcodebuild -showsdks