先上官網 Flutter中文網
安裝開發環境所需:
- git (如果你沒有安裝,反之這一步可以跳過)
- Flutter SDK
- Flutter 鏡像
- Android Studio開發工具(該工具用來創建android 虛擬設備)
- java jdk
- Visual Studio Code (非常好用的前端開發工具)
- 硬件:8G以上的內存,20G以上的硬盤空間(都是android 虛擬機要用)
配置git
計算機屬性->高級系統設置->高級->環境變量,修改Path,加上下面的代碼
c:\windows\system32;C:\Program Files\Git\bin;
這裏有個坑,新手可能會踩到,就是配置git全局配置時,不配置系統位置,flutter doctor 會出現
ERROR:Unable to find git in your PATH
在環境變量中配置系統位置就解決了
Flutter SDK
推薦在官網下載,Flutter 官網下載地址
配置環境變量
後進入Flutter目錄可以看到bin目錄。把bin目錄路徑添加到系統變量Path中
配置Flutter 鏡像
由於在國內訪問Flutter有時可能會受到限制,Flutter官方爲中國開發者搭建了臨時鏡像,大家可以將如下環境變量加入到用戶環境變量中:
PUB_HOSTED_URL ===== https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL ===== https://storage.flutter-io.cn
檢查安裝情況
在flutter項目中,找到並運行 flutter_console.bat,然後輸入 flutter doctor,檢查依賴
安裝Android Studio 網上好像很有很免安裝 AS直接安裝sdk的教程,大家可以去搜索一下
下載安裝包( 官網鏈接)。
確保系統中已安裝JAVA環境。
這裏就不講解了,大家自行了解
jdk下載
jdk安裝教程
Android Studio安裝步驟
創建虛擬設備
安裝好Android Studio之後,我們就可以通過這個工具創建虛擬設備了
打開Android Studio開發工具,隨意創建一個Android Studio的項目
在右上角
點擊此處創建虛擬設備
創建什麼設備大家隨便隨意,選擇完後next
這裏有個坑,大家要注意一下,虛擬設備android版本太高,運行項目要報一個錯
創建好虛擬設備後就可以關掉Android Studio了,因爲它的作用只有這些,所有也非常推薦大家去找免安裝AS的教程
運行項目
用vs code 打開flutter項目目錄,首先安裝兩個flutter的擴展
按下 Shift + ctrl + p 然後輸入 install,選擇 Extensions: Install Extension
在搜索中輸入 flutter,在搜索結果列表中選擇 ‘Flutter’, 然後點擊 Install
然後重新輸入 dart ,在搜索結果列表中選擇 ‘Dart’, 然後點擊 Install
然後重啓啓動 vs code ,按下 ctrl + ~ 打開終端輸入 flutter doctor 檢查依賴
這裏只要看有沒有 [X] 就好了, [!]不用管,截圖中的 X != [X],進入下一步,創建一個flutter項目
按下 Shift + ctrl + p 然後輸入 ‘flutter’, 然後選擇 ‘Flutter: New Project’ action,輸入你的app名稱
創建好之後,重新用 vs code 打開你創建的flutter項目
之後按 F5 啓動項目,選擇你剛剛創建的android虛擬設備,這裏要等一會,vs code 會安裝一些依賴,等待虛擬設備啓動
待虛擬設備啓動後,就會看到你的項目運行情況了,到此flutter項目的安裝過程就結束了,大家可以繼續跟着官網的案例進行代碼的編寫