首頁>技術>

俗話說“工欲善其事,必先利其器”。選擇一個合適的工具,並配置好是很有必要的。下面介紹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 當修改專案檔案應用,想快速安裝應用,操作如下

最新評論
  • BSA-TRITC(10mg/ml) TRITC-BSA 牛血清白蛋白改性標記羅丹明
  • 女朋友生日送她這個禮物,再也沒有人敢說程式設計師是直男了