【移動應(yīng)用開發(fā)技術(shù)】Windows實現(xiàn)Flutter環(huán)境搭建及配置這一篇就夠了

最近正式入坑Flutter，首先從環(huán)境搭建開始，看了網(wǎng)上好多關(guān)于Windows環(huán)境搭建的資料，基本都是按官方文檔寫的，看完的感受是，還不如直接去看官方文檔。官方英文文檔傳送門：GetStarted:InstallonWindows。本文主要總結(jié)我實際搭建的過程，最后發(fā)現(xiàn)不一定按網(wǎng)上那些博客或者官方文檔寫的來也可以搭建成功?？偟膩碚f需要的也就4樣?xùn)|西，找齊了配置一下就OK；（1）FlutterSDK（建議下載官網(wǎng)的，下載完直接能用）（2）下載Dart插件（3）下載Flutter插件（4）準(zhǔn)備ide（Androidstudio或者IntelliJIDEA）配置flutter的SDK即可說明詳細(xì)的安裝過程如下：1.安裝FlutterSDK首先下載官方文檔中flutter_windows_v0.4.4-beta.zip壓縮包（如下圖紅框中所示），解壓到自己指定的位置，解壓完文件夾名稱叫做flutter，這就是FlutterSDK了（后面再ide中配置的時候需要）。同時將該文件夾中的bin添加到環(huán)境變量中。2.安裝Dart和Flutter插件（1）Flutter需要如下兩個插件的支持：（2）然后在Androidstudio或者IntelliJIDEA中下載Dart插件，假如下不了，那就是沒有進(jìn)行科學(xué)上網(wǎng)的原因，也可以通過科學(xué)上網(wǎng)訪問下面的鏈接進(jìn)行下載。假如是自己通過如下鏈接下載的，則把下載后的zip包解壓后將整個文件夾復(fù)制到你使用的ide的plugins文件夾中（整個文件夾拷貝到plugins下即可）。Dart_jb51.rar（3）然后在Androidstudio或者IntelliJIDEA中下載flutter-intellij插件，假如下不了，那就是沒有進(jìn)行科學(xué)上網(wǎng)的原因，也可以通過科學(xué)上網(wǎng)訪問下面的鏈接進(jìn)行下載。假如是自己通過如下鏈接下載的，則把下載后的zip包解壓后將整個文件夾復(fù)制到你使用的ide的plugins文件夾中（整個文件夾拷貝到plugins下即可）。flutter-intellij_jb51.rar（4）說明：使用自己的ide安裝步驟如下：1）啟動AndroidStudio

2）打開插件面板如下圖所示

3）選擇【Browserepositories…】，勾選Flutterplug-in然后點(diǎn)擊install

4）當(dāng)提示是否安裝Dart插件時點(diǎn)擊Yes

5）安裝完成后重啟AS其實到這我們需要準(zhǔn)備的東西已經(jīng)全了，下面看如何配置。3.配置Dart和Flutter插件到我們的ide中我使用的是IntelliJIDEA，Androidstudio類似。打開ide，CreateNewProject——>選擇Flutter，選擇SDK路徑后Next——>命名項目名（小寫），選擇項目存儲路徑后ok。然后進(jìn)去以后可能你看到并沒有下載項目資源，不要慌，我們配置一下，具體的如下所示，第一張是配置DartSDK的路徑（指向前面flutter的SDK中的bin\cache\dart.sdk），第二張是配置flutterSDK路徑。配置完成后重啟ide，再重新創(chuàng)建新項目即可，等待的時間會比較長，耐心等待完成就可以開啟flutter之旅了。另外有幾點(diǎn)說明：（1）本人是移動端開發(fā)所以不管是Androidstudio或者IntelliJIDEA都已經(jīng)搭建好了，相關(guān)環(huán)境的搭建可查閱網(wǎng)絡(luò)。（2）本文前面教程中是以IntelliJIDEA為基礎(chǔ)描述的，假如你使用的是Androidstudio的話需要升級版本至3.1以上，然后在Androidstudio的Plugins中下載Dart和Flutter插件然后重啟，就會在創(chuàng)建項目的界面出現(xiàn)創(chuàng)建Flutter的選項，然后創(chuàng)建flutter項目，配置本文中描述的flutter-SDK路徑就可以了。（3）可能有人看網(wǎng)上的資料迷糊，如下圖怎么來的，其實在咱們下載的flutter_windows_v0.4.4-beta.zip解壓包中有flutter_console.bat，雙擊就可以喚起如下界面。它便是flutter的