俗話說“工欲善其事,必先利其器”。選擇一個合適的工具,並配置好是很有必要的。下面介紹Flutter 應用開發的再Windows與Macos的安裝與配置,並開啟Flutter學習之旅的第一個Demo。
1 Windows 工具下載安裝配置
1.1 windows 開發工具常用vscode,AndroidStudio,IntelliJ。官方推薦vscode,androidstudio。下載並安裝 Android Studio,下載地址:https://developer.android.com/studio/index.html 。
1.2 啟動Android Studio,再執行“Android Studio安裝嚮導”。
1.3 成功啟動後需要在工具上面安裝兩個外掛,分別是Flutter外掛,Dart外掛。Flutter外掛作用方便除錯 執行 熱過載等。Dart外掛語法智慧提示,檢驗等。
1.4 依次開啟 File,setting,plugins。在搜尋框輸入要安裝外掛名(如flutter或 dart),再點install進行安裝。安裝完後重啟工具才能生效。
2 Macos 工具下載安裝配置
2.1 Ios開發Flutter應用需要在macos上安裝Xcode9.0以上。安裝Xcode 9.0或更新版本(通過連結下載/file/2020/09/06/20200906142457_4.jpg 或蘋果應用商店https://itunes.apple.com/us/app/xcode/id497799835).。
2.2 xcode 命令列配置以使用新安裝的Xcode版本,命令如下sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer。切換其他版本需要重新配置。
2.3 確保Xcode許可協議是通過開啟一次Xcode或通過命令sudo xcodebuild -license同意過了
3 模擬器安裝(有真機用真機),時間工作有時沒太多手機,可以用模擬器
3.1 模擬器推薦使用夜神。下載地址/file/2020/09/06/20200906142459_5.jpg 安裝一路點next
3.3 模擬器配置
3.4 啟動模擬器,命令列(如 cd D:\\Program Files\\Nox\\bin> )進入到夜神安裝檔案的bin目錄下,再通過命令adb connect 127.0.0.1:62001, 讓模擬器連線上電腦。出現如下連線成功
androidstudio工具出現如下 說明與模擬器連線上了。沒有出現需要重啟工具,重啟還是沒有,殺adb程序,模擬器重啟, 重新命令列連結。
4 Demo初體驗
4.1 依次點選 點File > 點New Flutter Project>選Flutter Application>點Next >project name 根據情況修改>最後點Next
4.2 Demo run起來
4.3 當修改專案檔案應用,想快速安裝應用,操作如下