MacOS调试运行Flutter项目

上篇文章介绍了安装虚拟机和MacOS,现在开始可以尝试运行Flutter项目了。

准备工具:

Flutter SDK,下载地址


首先,需要安装XCode,就是这玩意

然后你会发现你无法安装,上一篇文章安装的MacOS 10.14,而上面提示需要15及以上,并且XCode和MacOS版本严格匹配,所以只能更新系统了,早知道直接安装新版本系统了 O_o!

打开app store,然后搜索macos catalina

点击安装更新,然后下载更新,这可能需要很长时间,耐心等待.jpg,然后接下来就是更新了,操作和安装差不多。

更新完系统,就可以下载XCode了,打开app store,搜索XCode

点击下载安装即可,这可能需要好一会,耐心等待.jpg。

Xcode安装完成后,将准备好的FLutter SDK拖到MacOS里面的下载文件夹,或者其他位置,我这里是放在了下载文件夹,点击桌面下面的启动台,找到里面的终端


打开终端后

输入 mkdir development ,创建一个development文件夹,用于放置Flutter SDK位置的。

然后输入 cd ~/development,到这个目录后输入

unzip ~/Downloads/flutter_macos_v1.12.13+hotfix.5-stable.zip

这个是解压Flutter SDK文件到development这个文件夹,其中Downloads是下载目录,我之前将Flutter SDK放置到这里的,后面名字根据当前的sdk版本名字自行修改下。

然后回到根目录,输入

echo 'export PATH=~/development/flutter/bin:$PATH' >> ~/.bash_profile

source ~/.bash_profile

echo 'source ~/.bash_profile' >> ~/.zshrc


然后在终端中输入 flutter doctor,查看是否配置成功。如果有用到git,也可以输入git看是否存在,git好像在xcode里面是已经包含过的。

创建一个flutter项目,我这边是直接用VSCode打开后,用git下载云项目的,如果有用到VSCode,下面是VSCode的下载地址

https://vscode.cdn.azure.cn/stable/0ba0ca52957102ca3527cf479571617f0de6ed50/VSCode-darwin-stable.zip,

安装好了之后还需要设置,你们那边此时应该还是英文版,但是没关系,点击第一个就行了

搜索language,然后选择第一个display language

再选择zh-CN,重启下就行了。

终端输入 open -a Simulator,打开一个模拟器。

然后打开VSCode,用git下载云上的项目,cd或者打开到这个项目的根目录,运行flutter run,此时我这报了个错误,查了下,需要以下操作

Flutter编译时出错:could not find included file 'Pods/Target Support Files/Pods-Runner/Pods-Runner.debu...

1、保证在下面根目录下执行下面:flutter clean

2、然后cd到ios目录执行下面:cd ios

3、最后执行这一步:pod install

4.此时再回到根目录下运行flutter run,就可以正常运行

当然,也可以纯终端操作的,因为我这边可能会更改代码,然后每次提交拉取麻烦,所以用到了VSCode,如果不常更改代码,可以用终端,操作都是一样的。

如果遇到问题,可以在下面评论区中询问,我看到后,会及时回复的。如果帮助到您的话,可以点个赞支持下,感谢。

你可能感兴趣的:(MacOS调试运行Flutter项目)