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
-
下載以下安裝包以獲取Flutter SDK的最新穩定版本:
flutter_macos_v1.7.8 + hotfix.3-stable.zip
對於其他發佈渠道和舊版本,請參閱SDK存檔頁面。
-
在所需位置提取文件,例如:
$ cd ~/development $ unzip ~/Downloads/flutter_macos_v1.7.8+hotfix.3-stable.zip
-
將flutter工具添加到您的路徑:
$ export PATH="$PATH:`pwd`/flutter/bin"
此命令僅爲當前終端窗口設置PATH變量。要將Flutter永久添加到路徑請繼續查看下面內容
檢測環境是否完備
運行以下命令以查看是否需要安裝任何依賴項來完成設置(對於詳細輸出,添加-v標誌):
$ flutter doctor
此命令檢查您的環境並向終端窗口顯示報告。該命令會輸出詳細結果,參照提示補充確實的內容即可。如果非MacOs可以忽略Xcode相關的缺失提醒只需完成Android相關的環境搭建即可體驗Flutter Android端的效果。
將flutter添加到環境變量
-
修改$HOME/.bash_profile。您的計算機上的文件路徑和文件名可能不同
$ export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
-
運行source $HOME/.bash_profile以刷新當前窗口。
安裝開發IDE
目前支持Flutter開發的有兩大IDE, Android Studio及VS Code。個人推薦Android Studio。
安裝Android Studio
-
下載並安裝Android Studio。
-
啓動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,升級完成後執行如下操作。
-
通過從命令行運行以下命令,配置Xcode命令行工具以使用新安裝的Xcode版本:
$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
當您想要使用最新版本的Xcode時,這是大多數情況下的正確路徑。如果需要使用其他版本,請改爲指定該路徑。
/**************************************************
* 本文來自CSDN博主"一點碼客",喜歡請頂部點擊關注
* 轉載請標明出處:http://blog.csdn.net/itchosen
***************************************************/
如需實時查看更多更新文章,請關注公衆號"一點碼客",一起探索技術