flutter 創建並運行（vs code）

flutter中文網：

https://flutterchina.club/get-started/install/

 

創建並運行flutter項目

1.1 Visual Studio Code(VS Code) 安裝

• 下載並安裝vs code https://code.visualstudio.com/

 

1.2 為vs code 安裝Flutter 插件

• 1.2.1啟動vs code

• 調用查看》命令面板

• 輸入install ,然后選擇Extensions:Install Extension

• 在搜索框中輸入 flutter，在搜索結果列表中選擇Flutter，然后點擊Install

• 選擇 OK 重新啟動VS Code

通過 flutter doctor 驗證VS Code 是否安裝配置成功

• 調用 查看 》命令面板

• 輸入 doctor ,然后選擇 Flutter:Run Flutter Doctor

• 查看 OUTPUT窗口中的輸出是否有問題。

創建flutter 項目

• 在VS Code 面板中，按下快捷鍵 Ctrl + Shift + P 打開命令面板

• 在命令面板中輸入 flutter

• 選擇 flutter:New Project 選項創建新項目。

運行 flutter 項目

• 運行 flutter devices 命令查看 是否有android 設備連接到當前電腦上。

• 如果顯示已有安卓設備連接到當前電腦，則運行 flutter run 命令，即可把項目以debug調試模式運行於安卓設備之上。

  注意： 如果運行 flutter devices 命令無法查看到已連接的安卓設備，則按如下的步驟來配置手機，開啟開發者模式：

  • 需要安裝 Android 4.1(API level 16) 或 更高版本 的Android設備。

  • 在你的設備上啟用 開發人員選項 和 USB調試 。詳細說明可在

    Android文檔中找到：https://developer.android.com/studio/debug/dev-options.html

  • 使用USB將手機插入電腦。如果您的設備出現提示，請授權您的計算機訪問您的設備。

  • 最后，在終端中運行：flutter devices 命令以驗證 Flutter 識別您連接的Android設備。

vs code 里的Flutter的相關命令

調出終端： Ctrl + `