chore: add debug config for vscode (#3684)

.gitignore

@@ -20,7 +20,8 @@ cordova/bundle.keystore
 .DS_store
 
 # artefacts for Visual Studio Code
-/.vscode/
+.vscode/*
+!.vscode/launch.json
 
 # NetBeans
 nbproject/

.vscode/launch.json

@@ -0,0 +1,17 @@
+{
+    // 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": [
+        {
+            "type": "nwjs",
+            "request": "attach",
+            "name": "Attach to Betaflight",
+            "port": 9222,
+            "webRoot": "${workspaceRoot}/dist",
+            "sourceMaps": true,
+            "reloadAfterAttached": true
+        }
+    ]
+}

package.json

@@ -11,8 +11,8 @@
     "preview": "vite preview",
     "review": "vite build && vite preview",
     "start": "run-script-os",
-    "start:default": "NODE_ENV=development NW_PRE_ARGS=--load-extension='./node_modules/nw-vue-devtools-prebuilt/extension' gulp debug",
-    "start:windows": "set NODE_ENV=development && set NW_PRE_ARGS=--load-extension='./node_modules/nw-vue-devtools-prebuilt/extension' && gulp debug",
+    "start:default": "NODE_ENV=development NW_PRE_ARGS=\"--load-extension='./node_modules/nw-vue-devtools-prebuilt/extension' --remote-debugging-port=9222\" gulp debug",
+    "start:windows": "set NODE_ENV=development && set NW_PRE_ARGS=\"--load-extension='./node_modules/nw-vue-devtools-prebuilt/extension' --remote-debugging-port=9222\" && gulp debug",
     "gulp": "gulp",
     "release": "run-script-os",
     "release:default": "NODE_ENV=production gulp release",