flutter學習日誌（一）【flutter的安裝和環境配置 windows】
阿新 • • 發佈：2018-11-28
首先定他一個小目標：
->
->目標：命令列輸入 flutter doctor （檢測flutter所需環境） 得到下圖所示
->
->
->目標分解：
->
- 安裝flutter （上圖中第一個√ get）
- 安裝jdk
- 安裝android studio
- 安裝android sdk （上圖中第二個√ get）
- 安裝dart和flutter外掛 （上圖中第三個√ get
->
->
->
第零步：建立幾個空資料夾
1.如下圖所示，首先建立資料夾 D:\Flutter
2.再在Flutter資料夾內建立幾個空資料夾
如果其中已經安裝過的可以忽略，我僅為了好說明所以都放在一個資料夾裡
第一步：安裝jdk
- 先說第一個坑，如果沒有裝jdk或者jdk版本高於9.0（當時看見別人說的，不是很肯定），後邊在安裝android-licenses得時候就會報錯。我當時下載得是11.0.1，折騰了良久，後換成8u192版本就沒有問題了；為了避免後邊折騰，先把jdk給裝上。
- 下載jdk
點選下載 8u92版
或者到官網 下載相應版本 - 雙擊執行下載得檔案，然後一路next，記得安裝地址改為 D:\Flutter\JDK
- 安裝成功之後會彈出java得安裝，同理一路next，記得改安裝地址D:\Flutter\JAVA
5.配置java環境變數- 首先系統變數裡新增一條 JAVA_HOME 指向安裝目錄 D:\Flutter\JAVA
- 然後使用者變數Path裡 新增條記錄 %JAVA_HOME%\bin 和 %JAVA_HOME%\jre\bin（我使用的是win10，其他版本的系統可自行搜尋配置方法）
配置完成之後 win + r 輸入 cmd 進入命令列 執行 java -version
可以看到 java已經配置成功了！第二步：安裝flutter
- 首先系統變數裡新增一條 JAVA_HOME 指向安裝目錄 D:\Flutter\JAVA
-
下載flutter sdk
點選這裡下載flutter sdk v0.11.10-beta，
或者到github 獲取最新版本 - 將下載好的壓縮包解壓到 D:\Flutter\FlutterSDK 目錄中
- 雙擊目錄中的flutter_console.bat檔案，可以看到下圖效果
4.配置環境變數，在Path中新增一條記錄指向bin目錄（我使用的是win10系統，其他版本配置環境變數可以自行搜尋）
5.win + R 輸入 cmd 進入命令列， 在命令列中輸入 flutter doctor 如下圖所示
可以看到，第一個√已經get！
第三步：安裝AndroidStudio
-
下載 android studio
點選這裡下載181.5014246-windows
或者到AndrioStudio官網下載最新版 - 一路next，記得安裝到 D:\Flutter\AndroidStudio 目錄
- 安裝完成直接執行會提示沒有安裝 Android SDK ，直接下一步
- 選擇安裝到 D:\Flutter\AndroidSDK 目錄，再下一步，然後點finish開始安裝
然後就耐心等待android sdk自己下載安裝吧
10分鐘。
20分鐘。。
40分鐘。。。
好了！finish！
- 配置環境變數
首先懷著激動得心情 執行 flutter doctor 如下圖
android studio安裝成功了，但是android sdk任然沒有，因為還沒有配置環境變數
所以我們在系統變數裡新增一條環境變數 ANDROID_HOME 指向 android sdk 安裝目錄D:\Flutter\AndroidSDK
儲存好之後，再來試試 flutter doctor命令 （記得重新開啟cmd）
仍然沒有成功，但是提示不一樣了，提示讓我們執行 flutter doctor --android-licenses 命令
執行試一試
可以看到提示我們是不是要安裝什麼，如果這一步報錯，可能如文章開頭所說是sdk版本的問題
那麼我們一路 yes！
提示我們所有sdk包都通過了
接下來繼續執行 flutter doctor檢視狀態如下
nice！第二個 √ get！ 準確得說，目前已經解鎖2.5個 √了第四步 安裝Dart 和 Flutter 外掛
-
開啟android studio
雙擊 D:\Flutter\AndroidStudio\bin\studio.exe2.開啟外掛管理頁面
3.搜尋flutter 然後點選 search in repositories
- 點選安裝flutter
他會提示需要和dart一起安裝，選擇是就好了
安裝完成後需要重啟android studio 才可用
見證奇蹟
--> flutter doctor
如有錯誤得地方請幫我指出，感謝
參考資料
【flutter中文網】https://flutterchina.club/get-started/codelab/
【配置flutter 遇到的問題及解決辦法】 https://blog.csdn.net/liy010/article/details/82078484