flutter開篇之window7下環境搭建

開發_李行發表於2020-11-02
Flutter

flutter學習地址：https://book.flutterchina.club/chapter3/text.html

在Windows上搭建Flutter開發環境

對系統要求如下：

要安裝並執行Flutter，您的開發環境必須滿足以下最低要求:

  • 作業系統: Windows 7 SH1或更高版本 (64-bit)

  • 磁碟空間: 400 MB (不包括Android Studio的磁碟空間).

  • 工具: Flutter 依賴下面這些命令列工具.

    如果已安裝Git for Windows，請確保可以在命令提示符或PowerShell中執行 git 命令。

下面是環境搭建流程：

一、安裝git,如果已安裝忽略該步驟 https://git-scm.com/download/win，開啟該地址下載選中這個。

按照提示安裝即可，建議不要安裝到C盤。

二、安裝flutter SDK，這個有兩種方式。方式一、通過git命令下載；方式二、flutter官網下載最新可用的安裝包，地址如下：https://flutter.dev/docs/development/tools/sdk/releases

2-1、git命令下載如下：在你想要下載的路徑下點選滑鼠右鍵找到git bash here點選開啟視窗。 

在開啟的視窗中輸入git clone -b stable https://github.com/flutter/flutter.git，下載即可。

flutter官網下載。開啟上述網址如下，選擇想要下載版本。

注意，Flutter的渠道版本會不停變動，請以Flutter官網為準。另外，在中國大陸地區，要想正常獲取安裝包列表或下載安裝包，可能需要翻牆，讀者也可以去Flutter github專案下去下載安裝包，地址：https://github.com/flutter/flutter/releases 。

  1. 將安裝包zip解壓到你想安裝Flutter SDK的路徑（如：C:\src\flutter；注意，不要將flutter安裝到需要一些高許可權的路徑如C:\Program Files\）。

  2. 在Flutter安裝目錄的flutter檔案下找到flutter_console.bat，雙擊執行並啟動flutter命令列，接下來，你就可以在Flutter命令列執行flutter命令了。

2-2、配置環境變數

如果你想在Windows系統自帶命令列執行flutter命令，需要新增以下環境變數到使用者PATH：

  • 轉到 “控制皮膚>使用者帳戶>使用者帳戶>更改我的環境變數”
  • 在“使用者變數”下檢查是否有名為“Path”的條目:
    • 如果該條目存在， 追加 flutter\bin的全路徑，使用 ; 作為分隔符.
    • 如果該條目不存在，建立一個新使用者變數 Path ，然後將 flutter\bin 的全路徑作為它的值.

這一步網上有很多方案1、將git的路徑新增到Path下，PowerShell的路徑也新增上等等，發現對我遇到的問題都沒啥作用。

2-3、由於一些flutter命令需要聯網獲取資料，如果您是在國內訪問，由於眾所周知的原因，直接訪問很可能不會成功。google為國內開發者搭建的兩個臨時映象 PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL，最好配置一下。

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

如下圖所示：

重啟Windows以應用此更改.

三、檢查window下的PowerShell版本，不符合要更新（我就採坑在這一步上）

檢查方法：點選window圖示，直接輸入powershell

點選選中這個執行

開啟輸入命令列$PSVersionTable.PSVersion，執行如下圖，找到當前版本

當前版本為2，而flutter最低要求是5.0，這就要去下載新版本。由於PowerShell 是內建於Windows Manager Framework(WMF)中，如果WMF版本低於4.5，要先解除安裝 wmf，然後安裝Windows Manager Framework4.5及以上版本；wmf安裝成功後，再升級PowerShell。

檢視WMF版本方法如下圖所示：

我電腦上的為4.7.2，符合要求，不符合的下載地址：https://www.microsoft.com/en-ca/download/details.aspx?id=42642；然後去下載powershell.下載地址：https://docs.microsoft.com/zh-cn/powershell/scripting/windows-powershell/install/installing-windows-powershell?view=powershell-6#upgrading-existing-windows-powershell

選擇WMF5.1下載，親測過下載WMF5.0照樣要下載這個，還不如直接點選這個下載。

下載後解壓，安裝選中的檔案，等待安裝後重啟電腦，安裝需要一點時間，要耐心等待。

按照上述方法再次檢查PowerShell版本，如下圖及證明成功。

四、執行flutter doctor

找到flutter SDK安裝路徑下的flutter_console.bat檔案開啟，看有的文章說要使用管理員身份開啟，有的說雙擊開啟，這兩種親測都可以。路徑如下圖：

輸入flutter doctor後如下圖說明成功。

這一步的時候我遇到了問題，是由於沒進行第三步（檢查PowerShell），一輸入flutter doctor就閃退，也看不到錯誤。最後就右鍵選擇編輯後開啟flutter_console.bat檔案，在最後新增的@pause ,禁止關閉視窗，這才發現了報錯，最終定位到是第三步出了問題。編輯如下圖：

錯誤如下，我的出錯時沒截圖，就引用一下網上的：

五、安裝AndroidStudio和配置flutter外掛 我本來就是從事的Android移動端開發,AS的現成的,這一步自行去找AS安裝教程，網上有很多，主要是flutter外掛的配置。

開啟AS，依次選擇File-->Settings-->Plugins-->輸入flutter 下載即可，我的是已經下載了，出了新版本所以是更新。

下載好後重新啟動AndroidStudio，正常情況會出現下述選項。

題外話：我的不知道怎麼新增一行後上面的顯示不全了，可能是AS的bug,不過不影響使用。

六、建立flutter專案

6-1、開啟AndroidStudio,選擇create a new flutter project

6-2、選擇Flutter Application

6-3、

這個地方出現過一個錯誤：The Flutter SDK instalaion is incomplete; please see: htps:/lutterio/docs/get-started/install.（意思是安裝的flutter SDK不完整）

我使用git方式安裝的完整版後問題解決。

6-4、

6-5、

從環境搭建到第一個flutter程式到此結束，網上說的過程千奇百怪，總出現各式各樣的問題，採坑一天記錄一下過程，希望對小夥伴們有幫助。

參考地址連結如下：

https://book.flutterchina.club/chapter3/text.html

https://blog.csdn.net/wewell/article/details/89708965

https://blog.csdn.net/mike_fei/article/details/89083999

相關文章