Flutter 环境配置
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 环境配置的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 学计算机单身率为什么高,单身率特别高的大
- 下一篇: MSD3393/MSD3463 屏参及R