Flutter學(xué)習(xí)(1)--mac版環(huán)境搭建

原創(chuàng)博客地址,歡迎來搞?。?!

Flutter的學(xué)習(xí),建議優(yōu)先下載Xcode、Android Studio、Visual Studio Code這幾個IDE,畢竟開發(fā)的時候我們需要用到這幾個IDE的其中一個。

1. Flutter SDK 安裝包下載

以下是兩種比較友好的Flutter SDK安裝包的下載方式

2. 解壓

找到剛才下載好的安裝包,比如我這里的安裝包是 flutter-1.6.5.tar 這個版本,直接解壓到指定的文件夾里去,這里我給出我存放 FlutterSDK 解壓后的路徑:** /Users/rogue/Documents/FlutterSDK/**。
上面這個路徑,就是最后我解壓SDK后的路徑,當(dāng)然,如果你沒有工具也可以使用命令行來解壓,我給出如下的命令行:

這樣也是可以成功解壓到 FlutterSDK 目錄下。

3. 配置環(huán)境變量

在這里,我們會給出配置flutter環(huán)境變量的方法,首先,查找一下自己的電腦是否存在 .bash_profile 這個文件,有以下路徑 ~/.bash_profile,如果要打開文件,大家可以用以下方法:

如果你的電腦沒有該文件,那么可以自己創(chuàng)建一個

注意:如果你已經(jīng)下載了Android Studio這個IDE的話,那么請你配置以下的代碼至到.bash_profile文件里:

以上的配置,需要你找到Android SDK所在位置,不然會報錯。

接下來,我們會正式接入 Flutter SDK 的環(huán)境變量:

以上的配置,特別是 Flutter 的順序,一定不要搞反了,否則會影響后期項目的創(chuàng)建。

4. 檢查配置

配置好了Flutter之后,我們需要來驗證Flutter是否配置成功,中間可能大家會遇到很多小插曲,可以網(wǎng)上查找一下都可以解決的。
在這里,需要用到一下的命令:

同時,我把我這里的檢查輸出打印出來給大家看,可以對照,我電腦安裝了VS Code、Xcode、AS以及IntelliJ,一下的輸入,雖然有報錯,但是不會對運(yùn)行程序有影響 :

如果大家在執(zhí)行 flutter doctor 命令的時候,遇到報錯的情況,而那個錯誤正好是你需要使用的IDE的情況,那么你可以跟著提示去查找錯誤并且解決掉。

5. 創(chuàng)建Demo

首先,我會使用mac 終端來創(chuàng)建一個程序

剛才和大家說到,.bash_profile 配置文件里,Flutter 的環(huán)境變量不能夠?qū)懛?,如果寫反了,這里執(zhí)行 flutter create xxx 的時候,就會一直卡在終端運(yùn)行里面而遲遲不能夠下載依賴包。而這里,我就不打印失敗的輸出,直接打印成功創(chuàng)建項目的輸出:

創(chuàng)建項目成功之后,我們可以在目錄下找到名為 ios 的文件夾,打開 Runner.xcworkspace 直接運(yùn)行程序即可。
最后,你終端創(chuàng)建的項目,既可以使用Xcode打開運(yùn)行,也可以使用VS Code進(jìn)行打開運(yùn)行,還有AS。

image
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容