Cursor (vscode) build flutter

前言

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

🛠 在IDE中設定flutter run環境

前言

安裝flutter 所需環境，不過上一篇寫過了，所以這邊就直接跳過。
在MARKPLACE / EXTENSION 中下載flutter插件

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

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

接著在專案下建立../.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`

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

在IDE中設定一鍵`build macos .dmg`

上一個環節已經有建立好../.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去拿

透過IDE選擇Build macOS DMG 腳本

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

接著就會打開terminal auto build

前言

🛠 在IDE中設定flutter run環境

前言

在IDE中設定一鍵build macos .dmg

在IDE中設定一鍵`build macos .dmg`