**
flutter學習之環境搭建
先把Flutter的中文網站和官方網站貼出來,需要的朋友可以自行去查找資料
Flutter官方網站
Flutter中文網站
下文所述內容系統環境爲
- Windows 10 64位
- Android studio 3.0.1
- 正確安裝了git
- 如果能夠翻牆就完美了,當然如果不能翻牆問題也不大,這裏推薦大家使用搬瓦工,最便宜的是每年20刀,每個月有500G不限速流量,覈算下來也就十塊錢出頭一個月,還是很划算的,具體的購買,搭建大家自行百度.
下載Flutter SDK
-
點擊進入Flutter官網查看最新的版本,筆者寫這篇文章的時候Flutter的最先版本是2018-09-29發佈的V0.9.5版本,
-
在我的電腦中新建一個目錄用於存放flutter的相關東西,筆者直接在根目錄中創建了一個flutter文件夾用於存放
-
在該目錄下右鍵點擊選中GIt bash here 然後使用命令行 git init初始化git,此時會提示創建了一個空的git文件夾然後在你的目錄中出現一個.git的文件,證明創好了
-
在glone flutter之前沒有翻牆的同學需要在:控制面板\系統和安全\系統>高級系統設置>環境變量中添加 變量爲 PUB_HOSTED_URL 值爲 https://pub.flutter-io.cn 和變量爲FLUTTER_STORAGE_BASE_URL 值爲 https://storage.flutter-io.cn 的環境變量,做完這一步我們就距離成功邁進了一大步.此時建議最好重啓一下電腦,確保環境變量生效
-
使用 "git clone -b master https://github.com/flutter/flutter.git"命令來clone Flutter的相關內容,正常完成之後如下圖所示,這個時候我們就完成了歷史性的第一步了
-
接下來在Flutter安裝目錄的flutter文件下找到flutter_console.bat，雙擊運行並啓動flutter命令行，接下來，你就可以在Flutter命令行運行flutter命令了
-
在終端運行flutter命令還需要添加flutter的環境變量,否者會出現flutter不是內部命令之類的提示,這時我們可以根據上文第四條找到我們更改環境變量的位置,在變量PATH條目下新增flutter\bin的全路徑例如筆者flutter安裝在C:\flutter\flutter目錄下那麼筆者的環境變量的值就是C:\flutter\flutter\bin;此時建議最好重啓一下電腦,確保環境變量生效.
-
按照第六步的打開一個新的flutter console並運行flutter doctor命令以查看是否需要安裝任何依賴項來完成安裝,然後就是漫長的等待時間：第一次下載安裝的時候會自動的下載自己依賴項並自行編譯,以後我們再次編譯運行的時候就會快很多.筆者由於開始網速較差,所以中間結束了一次重新更換的網絡,但是最後的結果都是一樣的.
編輯器設置(Android Studio)
默認同學們使用的Android Studio,並且正常安裝的
-
安裝Flutter插件
安裝flutter插件只需要打開Android studio然後依次點擊File>settings>Plugins>Browse Repositories,然後在搜索框中搜索Flutter即可
安裝完畢點擊apply 重啓Android studio -
安裝dart插件
安裝dart插件只需要打開Android studio然後依次點擊File>settings>Plugins>Browse Repositories,然後在搜索框中搜索Dart即可
同樣的在dart旁邊會有一個install的按鈕,點擊之後會自動安裝,然後點擊下方的apply重啓android studio即可安裝完畢 -
android studio中的Flutter環境配置,安裝完畢flutter和dart後我們還需要檢查SDK的配置是否正確: 點擊File >Setting>language &Frameworks>Flutter 在SDK的Flutter SDK path中將我們的flutter的目錄填寫進去
然後同樣的再次點擊Dart 將dart SDK修改,當然一般情況下android studio會自動根據Flutter的路徑自動生成該處的路徑
到此基本上我們的任務已經完成了99%,此時如果有一個flutter項目你已經可以自己打開了,那麼問題來了怎麼在android studio中打開Flutter項目,其實很簡單,直接點擊File>open然後找到Flutter項目打開便可.但是當我們想自己新建一個項目呢,又該怎麼辦,這就是我們剩下的1%了,新建一個Flutter項目同樣是在File>New Flutter Project,但是你打開發現只有New project,這個時候我們就需要看一下File>Settings>Plugins>Android APK Support是否被勾選,如果沒有請勾選
鼠標+左鍵無法進行代碼跟蹤
- 關閉現在的項目
- 刪除項目根路徑下面的 .idea 文件夾 和 以.iml 結尾的文件
- 重新打開文件