Start gulp watch before launching the extension for debugging (#17943)

* Speed up launch extension for debugging

* Revert "Speed up launch extension for debugging"

This reverts commit 79c2b7e478.

* Doesn't unnecessarily build to launch ext.

* Clean up

* Watch and launch extension

* Replace pattern with base

* Remove unneeded quick-build gulp task

.vscode/launch.json

@@ -32,7 +32,7 @@
 			"outFiles": [
 				"${workspaceRoot}/out/src/**/*.js",
 			],
-			"preLaunchTask": "build",
+			"preLaunchTask": "watch",
 			"env": {
 				// Uncomment this to use a specified version of STS, see
 				// https://github.com/microsoft/vscode-mssql/blob/main/DEVELOPMENT.md#using-mssql_sqltoolsservice-environment-variable
@@ -55,7 +55,7 @@
 			"outFiles": [
 				"${workspaceRoot}/out/src/**/*.js",
 			],
-			"preLaunchTask": "build",
+			"preLaunchTask": "watch",
 			"env": {
 				// Uncomment this to use a specified version of STS, see
 				// https://github.com/microsoft/vscode-mssql/blob/main/DEVELOPMENT.md#using-mssql_sqltoolsservice-environment-variable

.vscode/tasks.json

@@ -21,6 +21,30 @@
                 "isDefault": false
             }
         },
+        {
+            "label": "watch",
+            "type": "gulp",
+            "task": "watch",
+            "isBackground": true,
+            "problemMatcher": [
+                "$lessCompile",
+                "$tsc",
+                "$jshint",
+                {
+                    "owner": "custom",
+                    "base": "$tsc",
+                    "background": {
+                        "activeOnStart": true,
+                        "beginsPattern": "Starting 'watch'...",
+                        "endsPattern": "Starting 'watch-reactviews'...",
+                    }
+                }
+            ],
+            "group": {
+                "_id": "watch",
+                "isDefault": false
+            }
+        },
         {
             "type": "npm",
             "script": "lint",