深入理解Flutter之環境搭建

     Flutter是一個跨平臺移動應用開發平臺,和它最接近的是React Native框架,目標是一份代碼,同時運行在Android, IOS設備上,其實Flutter還支持桌面端開發,也是Google的下一代操作系統Fusion的App開發框架, 可見該平臺未來的發展潛力。

    爲了體驗Flutter的跨平臺開發效果,自然最好在MacOs上搭建Flutter環境,這樣能同時運行Android,IOS版本。當然如果只有Ubuntu,Windows等系統,就只能體驗Android端的效果了,不過也不耽誤體驗學習Flutter。下面就來介紹Flutter MacOs上搭建環境的流程。

    其實官網的資料和流程非常詳細,英文還可以的同學參考該文檔基本不會有太大的坑。

    https://flutter.dev/docs/get-started/install

    

 

     根據你們機器操作系統類型(windows, macOs, Linux)選擇相應嚮導即可。本文以MacOs爲例演示環境搭建過程,其實Linux系列操作系統(比如Ubuntu)也差不多。

    

獲取Flutter SDK

  1. 下載以下安裝包以獲取Flutter SDK的最新穩定版本:

    flutter_macos_v1.7.8 + hotfix.3-stable.zip

    對於其他發佈渠道和舊版本,請參閱SDK存檔頁面。

  2. 在所需位置提取文件,例如:

    $ cd ~/development
    
    $ unzip ~/Downloads/flutter_macos_v1.7.8+hotfix.3-stable.zip

     

  3. 將flutter工具添加到您的路徑:

    $ export PATH="$PATH:`pwd`/flutter/bin"

    此命令僅爲當前終端窗口設置PATH變量。要將Flutter永久添加到路徑請繼續查看下面內容

 

檢測環境是否完備

 

運行以下命令以查看是否需要安裝任何依賴項來完成設置(對於詳細輸出,添加-v標誌):

$ flutter doctor

     此命令檢查您的環境並向終端窗口顯示報告。該命令會輸出詳細結果,參照提示補充確實的內容即可。如果非MacOs可以忽略Xcode相關的缺失提醒只需完成Android相關的環境搭建即可體驗Flutter Android端的效果。

 

將flutter添加到環境變量

 

  1. 修改$HOME/.bash_profile。您的計算機上的文件路徑和文件名可能不同

$ export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
  1. 運行source $HOME/.bash_profile以刷新當前窗口。

 

安裝開發IDE

 

 目前支持Flutter開發的有兩大IDE, Android Studio及VS Code。個人推薦Android Studio。

安裝Android Studio

  1. 下載並安裝Android Studio

  2. 啓動Android Studio,然後瀏覽“Android Studio安裝嚮導”。這將安裝最新的Android SDK,Android SDK Platform-Tools和Android SDK Build-Tools,這些都是Flutter在開發Android時所需要的。

安裝Flutter插件

    點擊Android Studio的preferences->plugins->flutter安裝即可, dart插件類似。

 

    

   Android Studio安裝完成後,相當於Android平臺也安裝好了

 

iOS設置

安裝Xcode

   最新的Flutter需要安裝Xcode 10+,自然需要升級MacOs版本,這個過程還是蠻繁瑣的。先升級MacOs,然後升級xcode,升級完成後執行如下操作。

  1. 通過從命令行運行以下命令,配置Xcode命令行工具以使用新安裝的Xcode版本:

    $ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

    當您想要使用最新版本的Xcode時,這是大多數情況下的正確路徑。如果需要使用其他版本,請改爲指定該路徑。

/**************************************************
* 本文來自CSDN博主"一點碼客",喜歡請頂部點擊關注
* 轉載請標明出處:http://blog.csdn.net/itchosen
***************************************************/

如需實時查看更多更新文章,請關注公衆號"一點碼客",一起探索技術

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