Flutter Mac下安裝配置 AndroidStudio接入flutter

Flutter是什麼

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

 

安裝配置

flutter下載鏈接:https://flutter.dev/docs/get-started/install

 

1. 下載完成後放在你喜歡的文件夾裏,或者你自己新建一個文件夾放在裏面

    我是放在development文件下

2. 添加flutter相關工具到path中:

    打開mac的終端

    輸入export PATH=$PATH:<你的文件夾的路徑>/flutter/bin

    eg:export PATH=$PATH:/Users/ck/development/flutter/bin

 

3. 檢查安裝信息

    輸入: flutter doctor

   運行時間比較長,耐心等待,應該不會超過1分鐘

 

 

 

  此處顯示報錯,Xcode的錯不用管,因爲我電腦沒有安裝Xcode


   Android Studio下報錯

[✓] Android Studio (version 3.2)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.

  解決方法: 

1.

 

 

 

2.


 

 

3.

 

 

4.

 

 

 

5.

點擊install,安裝完畢之後重啓androidstudio

然後在回到終端輸入:flutter doctor

至此,我們的環境就搭建完畢了

 

新建第一個flutter for Android

 

 

1.

 

 

 

2.

 

 

此處提示:Flutter SDK path not given

把我們之前配置好的路徑添加進去

 

3.

 

點擊next

 

可以愉快的 hello flutter 了😄

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章