Flutter的學(xué)習(xí),建議優(yōu)先下載Xcode、Android Studio、Visual Studio Code這幾個IDE,畢竟開發(fā)的時候我們需要用到這幾個IDE的其中一個。
1. Flutter SDK 安裝包下載
以下是兩種比較友好的Flutter SDK安裝包的下載方式
- github下載安裝包傳送門 直接下載即可
- Flutter官網(wǎng)安裝包傳送門 這里我傳送的事macos版本的安裝包,如果是其他的安裝包,可以修改鏈接找一下
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。
