淺談Flutter(一):搭建Flutter開發環境


學習內容來自:

Flutter中文網  、 Flutter實戰 

---------------------------------------------------------------------------------------------------------------------------

使用Flutter首先需要搭建Flutter的開發環境,以下以 Android  、Windows 標准 搭建開發環境,其他pc系統,移動平台請看官方文檔。

 

一、使用鏡像

------------------------------

官方說明:

由於在國內訪問Flutter有時可能會受到限制,Flutter官方為中國開發者搭建了臨時鏡像,大家可以將如下環境變量加入到用戶環境變量中:

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

注意: 此鏡像為臨時鏡像,並不能保證一直可用,讀者可以參考詳情請參考 Using Flutter in China 以獲得有關鏡像服務器的最新動態。

 

------------------------------

解釋:官方就給了兩行代碼一樣的東西,可能有的同學看不懂,實際運用如下:

1、打開'計算機高級系統設置' ---> '高級'--->'環境變量'

 

2、在用戶環境變量中分別加入上述兩行的 '變量' 和 '值'

 

 

 

 

 二、獲取Flutter SDK

 這一步比較簡單,去官方找到最新的版本下載下來安裝即可,注意不要將flutter安裝到需要一些高權限的路徑如C:\Program Files\

 官方下載地址   or  GitHub下載地址

 

三、更改環境變量

如果你想在Windows系統自帶命令行(而不是)運行flutter命令,需要添加以下環境變量到用戶PATH:

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

重啟Windows以應用此更改.

驗證方法:使用flutter --version 查看一下版本號

 

可以看到我當前的版本號為1.0.0

 

四、升級Flutter SDK和依賴包

要升級flutter sdk,只需一句命令:

flutter upgrade
該命令會同時更新Flutter SDK和你的flutter項目依賴包。如果你只想更新項目依賴包(不包括Flutter SDK),可以使用如下命令:
flutter packages get獲取項目所有的依賴包。
flutter packages upgrade 獲取項目所有依賴包的最新版本。

 

五、Flutter SDK分支

Flutter SDK有多個分支,
如beta、dev、master,其中beta分支為穩定分支(日后有新的穩定版本發布后可能也會有新的穩定分支,如1.0.0),
dev和master為開發分支,安裝flutter后,
你可以運行flutter channel查看所有分支,如筆者本地運行后,結果如下: Flutter channels: beta dev
* master 帶"*"號的分支即你本地的Flutter SDK 跟蹤的分支,
要切換分支,可以使用flutter channel beta 或 flutter channel master,Flutter官方建議跟蹤穩定分支,
但你也可以跟蹤master分支,這樣可以查看最新的變化,但這樣穩定性要低的多。

查看所有分支及當前分支

 

六、flutter doctor

 查看依賴是否齊全

可以看到 紅色X 標記的使我們還需要對應處理的

依次看:

 當前Android Studio 版本為3.0  

注意 如果提示插件出問題,需要在Android studio里面進行插件的下載

對應安裝操作:

安裝步驟:

  1. 啟動Android Studio(注意:要求as 3.0+)。
  2. 打開插件首選項 (macOS:Preferences>Plugins, Windows:File>Settings>Plugins)。
  3. 選擇 Browse repositories…,選擇 flutter 插件並點擊 install
  4. 重啟Android Studio后插件生效。

 更新重啟Android Studio完成后,再次 flutter doctor

 
顯然,現在flutter 開發環境的搭建已經完成,驗證如下:
發現多了一個 New Flutter Project ,可以建立Flutter項目說明 Flutter的環境搭建已經成功。
 
 
 
七、創建一個Flutter項目試試:
 
 
 
 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM