Flutter開發環境配置

本篇文章主要介紹在Mac os上進行Flutter的開發環境的配置和相關插件的安裝。

安裝

安裝的步驟可以按照官網上的步驟進行即可, 安裝步驟,本文主要介紹在安裝過程中的一些細節。

  • 1、下載源碼

源碼的下載可以有兩種方式,
一個是下載壓縮後的安裝包到本地之後,然後再進行解壓,https://flutter.io/docs/development/tools/sdk/archive#macos
另外一種是直接clone下來對應的源碼:
git clone -b beta https://github.com/flutter/flutter.git
推薦使用第二種進行安裝。

  • 2、環境變量配置

在下載完源碼之後,需要將bin目錄配置到環境變量裏面,方便之後的開發使用,
執行cd ~切換到根目錄,輸入vim .bash_profile進行環境變量的編輯,將以下 export PATH=${PATH}:/Users/userName/Programs/flutter/bin冒號後面的位置替換成你下載好的對應目錄,然後保存並執行 source .bash_profile保證生效。

  • 3、配置使用鏡像

如果你的網絡能夠訪問不受限制,可以忽略這一步,雖然我們正常無法訪Flutter,但Flutter官方爲中國開發者搭建了臨時鏡像,需要將如下環境變量加入到用戶環境變量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

  • 4、檢查依賴

命令行執行flutter doctor進行環境依賴的檢查,它會下載它自己的依賴項並自行編譯。第一次運行的時候可能會比較慢,以後再運行就會快得多。輸出會提示你當前的環境還缺少哪些配置,需要按照相應的指導進行完善。
依賴檢查結果
例如,在執行之後,可能會提示下面錯誤,按照其提示,
缺少安卓證書
執行 flutter doctor --android-licenses 即可。在執行的過程中,有提示需要你進行確認,一直輸入 yes 同意即可。另外跟AndroidStudio相關的,下一步安裝插件會講到。

  • 5、安裝插件

Flutter 支持的開發工具有Android Studio、IntelliJ或VS Code等,在進行開發之前需要添加編輯器插件,我們這裏主要介紹在AS中如何安裝對應的插件。打開AS,點擊 Preferences>Plugins,選擇Plugins,輸入Flutter,點擊 search in repositories,即可搜索到對應的插件,點擊 Install 進行安裝。安裝完成 重啓AS以生效。
插件安裝

  • 6、創建並運行Flutter項目

在AS的開始界面,就能夠看到這裏多了一個選項,點擊即可創建一個新的Flutter項目,也可以使用命令行flutter create 進行項目的創建,創建完成之後執行flutter run 即可將對應的程序運行到你的設備上,然後就可以開心地進行玩耍啦~創建Flutter項目

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