一、前言
你可以使用任意文本編輯器，再結合命令列工具來開發 Flutter 應用，然而，我們推薦使用本文接下來介紹的編輯器插件以獲取更好的開發體驗，這些插件提供了代碼補全、代碼高亮、widget 輔助編輯的功能，以及為專案的運行和除錯提供支持等，
推薦的開發工具有 VS Code、Android Studio、IntelliJ， 本文著重介紹使用VS Code 如何進行Flutter應用開發
二、VS Code的安裝
VS Code 是一個可以運行和除錯 Flutter 的輕量級編輯器， VS Code的穩定版本，點此下載
下載完成后，像安裝其他軟體一樣進行安裝即可，
三、安裝 Flutter 和 Dart 插件
-
打開 VS Code，
-
打開
View > Command Palette…（查看 > 命令面板）， -
輸入「install」，然后選擇
Extensions: Install Extensions， -
在擴展搜索輸入框中輸入「
flutter」，然后在串列中選擇 Flutter 并單擊Install，此程序中會自動安裝必需的 Dart 插件， -
點擊 Reload to Activate 以重新啟動 VS Code，
四、創建第一個Flutter應用
-
打開
View > Command Palette（查看 > 命令面板）， -
輸入「
flutter」，選擇Flutter: New Project， -
選擇
Application， -
新建或選擇新專案將存放的上層目錄，
-
輸入專案名稱，例如 my_app，并點擊 Enter，
-
等待專案創建完成，并且 main.dart 檔案展現在編輯器中，
如果你的 VSCode 運行時，Flutter 正在進行初始化安裝，你需要在 SDK 安裝完成后重啟 VSCode 使其可以檢測到 Flutter SDK，
應用程式的代碼存放在
lib/main.dart中，想要查看每塊代碼具體的作用，請查看檔案中的對應注釋，
五、 運行App
- 定位到 VS Code 的
狀態欄（視窗底部的藍色欄）：
-
從
Device Selector區域選擇一個設備，如果沒有可用的設備，而同時你想使用模擬器，點擊 No Devices 并點擊
Start iOS Simulator啟動一個模擬器，
點擊 VS Code 的 No Devices 時，你可能不會看到 Start iOS Simulator 的選項，如果你在使用 macOS，請在終端中執行以下命令：
open -a simulator在 Windows 或 Linux 上你無法啟動 iOS 模擬器，
-
運行
Run > Start Debugging或按下F5， -
等待應用啟動——啟動進度會在
Debug Console中展示，
當應用編譯完成后，就可以在設備上運行這個起步應用了，
六、參考
https://flutter.cn/docs/get-started/editor?tab=vscode
https://flutter.cn/docs/get-started/test-drive?tab=vscode
本文來自博客園，作者：reyzhang，轉載請注明原文鏈接：https://www.cnblogs.com/reyzhang/p/17077866.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/542751.html
標籤：其他