上篇文章介紹了安裝虛擬機(jī)和MacOS呐粘,現(xiàn)在開始可以嘗試運(yùn)行Flutter項(xiàng)目了满俗。
準(zhǔn)備工具:
首先事哭,需要安裝XCode漫雷,就是這玩意
然后你會(huì)發(fā)現(xiàn)你無法安裝,上一篇文章安裝的MacOS 10.14鳍咱,而上面提示需要15及以上降盹,并且XCode和MacOS版本嚴(yán)格匹配,所以只能更新系統(tǒng)了谤辜,早知道直接安裝新版本系統(tǒng)了 O_o!
打開app store蓄坏,然后搜索macos catalina
點(diǎn)擊安裝更新,然后下載更新丑念,這可能需要很長(zhǎng)時(shí)間涡戳,耐心等待.jpg,然后接下來就是更新了脯倚,操作和安裝差不多渔彰。
更新完系統(tǒng),就可以下載XCode了推正,打開app store恍涂,搜索XCode
點(diǎn)擊下載安裝即可,這可能需要好一會(huì)植榕,耐心等待.jpg再沧。
Xcode安裝完成后,將準(zhǔn)備好的FLutter SDK拖到MacOS里面的下載文件夾尊残,或者其他位置炒瘸,我這里是放在了下載文件夾,點(diǎn)擊桌面下面的啟動(dòng)臺(tái)寝衫,找到里面的終端
打開終端后
輸入 mkdir development 顷扩,創(chuàng)建一個(gè)development文件夾,用于放置Flutter SDK位置的慰毅。
然后輸入 cd ~/development屎即,到這個(gè)目錄后輸入
unzip ~/Downloads/flutter_macos_v1.12.13+hotfix.5-stable.zip
這個(gè)是解壓Flutter SDK文件到development這個(gè)文件夾,其中Downloads是下載目錄,我之前將Flutter SDK放置到這里的技俐,后面名字根據(jù)當(dāng)前的sdk版本名字自行修改下。
然后回到根目錄统台,輸入
echo 'export PATH=~/development/flutter/bin:$PATH' >> ~/.bash_profile
source ~/.bash_profile
echo 'source ~/.bash_profile' >> ~/.zshrc
然后在終端中輸入 flutter doctor雕擂,查看是否配置成功。如果有用到git贱勃,也可以輸入git看是否存在井赌,git好像在xcode里面是已經(jīng)包含過的。
創(chuàng)建一個(gè)flutter項(xiàng)目贵扰,我這邊是直接用VSCode打開后仇穗,用git下載云項(xiàng)目的,如果有用到VSCode戚绕,下面是VSCode的下載地址
https://vscode.cdn.azure.cn/stable/0ba0ca52957102ca3527cf479571617f0de6ed50/VSCode-darwin-stable.zip纹坐,
安裝好了之后還需要設(shè)置,你們那邊此時(shí)應(yīng)該還是英文版舞丛,但是沒關(guān)系耘子,點(diǎn)擊第一個(gè)就行了
搜索language,然后選擇第一個(gè)display language
再選擇zh-CN球切,重啟下就行了谷誓。
終端輸入 open -a Simulator,打開一個(gè)模擬器吨凑。
然后打開VSCode捍歪,用git下載云上的項(xiàng)目,cd或者打開到這個(gè)項(xiàng)目的根目錄鸵钝,運(yùn)行flutter run糙臼,此時(shí)我這報(bào)了個(gè)錯(cuò)誤,查了下蒋伦,需要以下操作
Flutter編譯時(shí)出錯(cuò):could not find included file 'Pods/Target Support Files/Pods-Runner/Pods-Runner.debu...
1弓摘、保證在下面根目錄下執(zhí)行下面:flutter clean
2、然后cd到ios目錄執(zhí)行下面:cd ios
3痕届、最后執(zhí)行這一步:pod install
4.此時(shí)再回到根目錄下運(yùn)行flutter run韧献,就可以正常運(yùn)行
當(dāng)然,也可以純終端操作的研叫,因?yàn)槲疫@邊可能會(huì)更改代碼锤窑,然后每次提交拉取麻煩,所以用到了VSCode嚷炉,如果不常更改代碼渊啰,可以用終端,操作都是一樣的。
如果遇到問題绘证,可以在下面評(píng)論區(qū)中詢問隧膏,我看到后,會(huì)及時(shí)回復(fù)的嚷那。如果幫助到您的話胞枕,可以點(diǎn)個(gè)贊支持下,感謝魏宽。