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后的路徑聊疲,當然茬底,如果你沒有工具也可以使用命令行來解壓,我給出如下的命令行:
這樣也是可以成功解壓到 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抗楔,一下的輸入,雖然有報錯拦坠,但是不會對運行程序有影響 :
如果大家在執(zhí)行 flutter doctor 命令的時候连躏,遇到報錯的情況,而那個錯誤正好是你需要使用的IDE的情況贞滨,那么你可以跟著提示去查找錯誤并且解決掉入热。
5. 創(chuàng)建Demo
首先,我會使用mac 終端來創(chuàng)建一個程序
剛才和大家說到,.bash_profile 配置文件里才顿,Flutter 的環(huán)境變量不能夠?qū)懛茨妫绻麑懛戳耍@里執(zhí)行 flutter create xxx 的時候郑气,就會一直卡在終端運行里面而遲遲不能夠下載依賴包幅垮。而這里,我就不打印失敗的輸出尾组,直接打印成功創(chuàng)建項目的輸出:
創(chuàng)建項目成功之后忙芒,我們可以在目錄下找到名為 ios 的文件夾,打開 Runner.xcworkspace 直接運行程序即可讳侨。
最后呵萨,你終端創(chuàng)建的項目,既可以使用Xcode打開運行跨跨,也可以使用VS Code進行打開運行潮峦,還有AS。