Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構建高質量的原生用戶界面。 Flutter可以與現有的代碼一起工作。在全世界，Flutter正在被越來越多的開發者和組織使用，并且Flutter是完全免費、開源的。

文章目錄

• • 1，下載SDK安裝包
  • 2，配置環境變量
  • 3，執行flutter doctor
  • 4，創建新項目
  • 5，Flutter 學習資料
  • 6，Flutter macOS環境配置

學習一門新的語言、新的開發方式，先從開發環境開始配起：

1，下載SDK安裝包

點擊下載

如果下載不了，可以選擇github下載

注意，不要將flutter安裝到需要一些高權限的路徑如C:\Program Files\

下載好安裝包之后解壓

2，配置環境變量

在執行flutter doctor檢測是否安裝完成之前，要先配置好環境變量才行
所以先配置環境，以下為Windows示例（mac示例）：
解壓之后，找到bin目錄

然后桌面右鍵 我的電腦>屬性>高級系統設置>環境變量>在用戶變量中的Path中添加上圖中到bin目錄的路徑，比如flutter\bin

3，執行flutter doctor

找到解壓flutter目錄下的flutter_console.bat ，雙擊執行

執行flutter doctor檢測是否安裝完成

在命令提示符或PowerShell窗口中運行此命令。目前，Flutter不支持像Git Bash這樣的第三方shell。

執行結果：

這里出現了4個issues，果然萬事開頭難，然后中間難，然后結尾難。

先不慌，大致過一下這幾個紅色的×：

• 首先第一個是flutter Unable to locate Android SDK. 找不到Android SDK？明明有的呀，繼續看，它說如果安裝在一個自定義的路徑，要設置ANDROID_HOME，ok 那就加上ANDROID_HOME變量，變量值就是Android SDK路徑
  
• 然后看下面的異常，我有兩個AS版本，隨便看其中一個就行，問題不大，原來是Flutter和Dart的插件沒安裝

不慌，先配置ANDROID_HOME變量，配置好之后再次執行flutter doctor，發現結果還是不行？！

返回繼續看文檔，發現了無任何特效的一句話重啟Windows以應用此更改 ，原來是忘了重啟了，既然要重啟，那順便把插件也裝了吧，反正也是要重啟AS的

在Settings>Plugins中搜索flutter，然后安裝，安裝之前會提示先裝Dart插件，同意即可

安裝完成之后，重啟。

重啟之后，打開之前解壓的flutter目錄，雙擊打開flutter_console.bat，再次執行flutter doctor，結果如下：

ok，Android SDK路徑沒問題了，AS3.2的插件也裝了，接下來就是創建一個新項目跑起來試試了。

4，創建新項目

重啟之后創建項目就多了一條New Flutter Project...



項目名稱是小寫才行，然后Next、Finish 就行

然后點擊運行，選擇一個模擬器，效果如下：

ok，這就跑起來了，初始就是官方給的例子，順便加了一句綠色的Hello World , Hello Flutter

ok，Flutter的環境配置就到此完成了，接下來就是Flutter開發的 入門>進階>放棄。。

官方配置文檔

5，Flutter 學習資料

• Flutter官網
• Flutter中文網
• Flutter for Android 開發者
• Flutter github
• 咸魚技術
• 掘金Flutter專欄
• 升級 Flutter

6，Flutter macOS環境配置

https://blog.csdn.net/yechaoa/article/details/95389931

總結

以上是生活随笔為你收集整理的Flutter 环境配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。