Cursor (vscode) build flutter

• 在flutter這篇，我們安裝好了環境，我們都是用手動下command 去 build
• 現在我們嘗試透過用Cursor (vscode)來幫我們build

前言

1. 安裝flutter 所需環境，不過上一篇寫過了，所以這邊就直接跳過。

2. 在MARKPLACE / EXTENSION 中 下載flutter插件
   
   

3. 安裝好重啟IDE，按下win/command + shift + p 會跳出內建command tool 同時輸入flutter doctor，並點中執行

   
   
   

   會開始幫你跑檢查 (主要就是確認你ide有就緒的flutter env可用)

   
   
   

4. 接著在專案下建立../.vscode/launch.json
   
   
   • 用以下的json format 去建立flutter的build 配置

      {
      // Use IntelliSense to learn about possible attributes.
      // Hover to view descriptions of existing attributes.
      // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
      "version": "0.2.0",
      "configurations": [
     
          {
              "name": "MultiAIChatFlutter",
              "request": "launch",
              "type": "dart"
          },
          {
              "name": "MultiAIChatFlutter (profile mode)",
              "request": "launch",
              "type": "dart",
              "flutterMode": "profile"
          },
          {
              "name": "MultiAIChatFlutter (release mode)",
              "request": "launch",
              "type": "dart",
              "flutterMode": "release"
          }
      ]
      }
     

• 也可以透過IDE產生，比較新的IDE有一鍵產生launch.json配置的功能 找到Build& Debug，並且點擊create a launch.json file
  
  IDE會讓你選你要配置什麼專案，例如fluter就是選Dart & Flutter
  
  

1. 接著左上角按下播放鈕，或者在IDE中按下F5，即可開始透過IDE build flutter

在IDE中設定一鍵build macos .dmg

1. 上一個環節已經有建立好../.vscode/launch.json 現在我們只要把build macos .dmg的指令配置好，同時可以另外建立inputs用來動態輸入dmg title

        {
   
            "version": "0.2.0",
            "configurations": [
                //省略...
                , 
                {
                    "name": "Build macOS DMG",
                    "request": "launch",
                    "type": "node-terminal",
                    "command": "flutter config --enable-macos-desktop && flutter build macos && create-dmg build/macos/Build/Products/Release/${workspaceFolderBasename}.app --dmg-title=\"${input:dmgTitle}\" --overwrite",
                    "preLaunchTask": "checkDependencies"
                }
            ],
            "inputs": [
                {
                    "id": "dmgTitle",
                    "type": "promptString",
                    "description": "DMG Title",
                    "default": "${workspaceFolderBasename}"
                }
            ]
        }
   

• 簡單解說：設了一個configurations，其中有個叫Build macOS DMG的Build task， 需要執行 打開macos build setting、flutter build macos、create-dmg…等動作 其中--dmg-title的值會透過inputs的merber dmgTitle去拿

1. 透過IDE選擇Build macOS DMG 腳本
   
   

2. 因為我們有設定dmgTitle，所以IDE會跳出一欄 讓你輸入想要的名稱
   
   

3. 接著就會打開terminal auto build