Flutter環境搭建與安裝
**
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 值為 和變數為FLUTTER_STORAGE_BASE_URL 值為 的環境變數,做完這一步我們就距離成功邁進了一大步.此時建議最好重啟
一下電腦,確保環境變數生效 -
使用 "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的路徑自動生成該處的路徑
