flutter學習日志（一）【flutter的安裝和環境配置 windows】

首先定他一個小目標：

->
->目標：命令行輸入 flutter doctor （檢測flutter所需環境） 得到下圖所示
->

->
->目標分解：
->

1. 安裝flutter （上圖中第一個√ get）
2. 安裝jdk
3. 安裝android studio
4. 安裝android sdk （上圖中第二個√ get）
5. 安裝dart和flutter插件 （上圖中第三個√ get

->
->
->

第零步：建立幾個空文件夾

1.如下圖所示，首先建立文件夾 D:\Flutter
2.再在Flutter文件夾內建立幾個空文件夾
如果其中已經安裝過的可以忽略，我僅為了好說明所以都放在一個文件夾里

第一步：安裝jdk

1. 先說第一個坑，如果沒有裝jdk或者jdk版本高于9.0（當時看見別人說的，不是很肯定），后邊在安裝android-licenses得時候就會報錯。我當時下載得是11.0.1，折騰了良久，后換成8u192版本就沒有問題了；為了避免后邊折騰，先把jdk給裝上。
2. 下載jdk
   點擊下載 8u92版
   或者到官網 下載相應版本
3. 雙擊執行下載得文件，然后一路next，記得安裝地址改為 D:\Flutter\JDK
   
4. 安裝成功之后會彈出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

5. 下載flutter sdk
   點擊這里下載flutter sdk v0.11.10-beta，
   或者到github 獲取最新版本

6. 將下載好的壓縮包解壓到 D:\Flutter\FlutterSDK 目錄中
7. 雙擊目錄中的flutter_console.bat文件，可以看到下圖效果
   
   4.配置環境變量，在Path中添加一條記錄指向bin目錄（我使用的是win10系統，其他版本配置環境變量可以自行搜索）
   5.win + R 輸入 cmd 進入命令行， 在命令行中輸入 flutter doctor 如下圖所示
   
   可以看到，第一個√已經get！

第三步：安裝AndroidStudio

1. 下載 android studio
   點擊這里下載181.5014246-windows
   或者到AndrioStudio官網下載最新版

2. 一路next，記得安裝到 D:\Flutter\AndroidStudio 目錄
   
3. 安裝完成直接運行會提示沒有安裝 Android SDK ，直接下一步
   
4. 選擇安裝到 D:\Flutter\AndroidSDK 目錄，再下一步，然后點finish開始安裝
   
   然后就耐心等待android sdk自己下載安裝吧
   
   10分鐘。
   20分鐘。。
   40分鐘。。。
   好了！finish！
   
5. 配置環境變量
   首先懷著激動得心情 運行 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 插件

6. 打開android studio
   雙擊 D:\Flutter\AndroidStudio\bin\studio.exe

   2.打開插件管理頁面
   

3.搜索flutter 然后點擊 search in repositories

4. 點擊安裝flutter
   
   他會提示需要和dart一起安裝，選擇是就好了
   
   安裝完成后需要重啟android studio 才可用

見證奇跡

--> flutter doctor

如有錯誤得地方請幫我指出，感謝
參考資料
【flutter中文網】https://flutterchina.club/get-started/codelab/
【配置flutter 遇到的問題及解決辦法】 https://blog.csdn.net/liy010/article/details/82078484