diff --git a/previewhtml-sample/.vscode/launch.json b/previewhtml-sample/.vscode/launch.json
index c776d21e..c09f5a18 100644
--- a/previewhtml-sample/.vscode/launch.json
+++ b/previewhtml-sample/.vscode/launch.json
@@ -11,7 +11,7 @@
 			"stopOnEntry": false,
 			"sourceMaps": true,
 			"outFiles": ["${workspaceRoot}/out/src/**/*.js"],
-			"preLaunchTask": "npm"
+			"preLaunchTask": "npm compile"
 		},
 		{
 			"name": "Launch Tests",
@@ -22,7 +22,7 @@
 			"stopOnEntry": false,
 			"sourceMaps": true,
 			"outFiles": ["${workspaceRoot}/out/test/**/*.js"],
-			"preLaunchTask": "npm"
+			"preLaunchTask": "npm compile"
 		}
 	]
 }
diff --git a/previewhtml-sample/.vscode/settings.json b/previewhtml-sample/.vscode/settings.json
index 3f5aa9cf..5b12d4ad 100644
--- a/previewhtml-sample/.vscode/settings.json
+++ b/previewhtml-sample/.vscode/settings.json
@@ -6,5 +6,8 @@
 	"search.exclude": {
 		"out": true // set this to false to include "out" folder in search results
 	},
-	"typescript.tsdk": "./node_modules/typescript/lib" // we want to use the TS server from our node_modules folder to control its version
+	"typescript.tsdk": "./node_modules/typescript/lib", // we want to use the TS server from our node_modules folder to control its version
+
+	"typescript.tsc.autoDetect": "off",
+	"npm.autoDetect": "off"
 }
\ No newline at end of file
diff --git a/previewhtml-sample/.vscode/tasks.json b/previewhtml-sample/.vscode/tasks.json
index 1992757d..aa18407f 100644
--- a/previewhtml-sample/.vscode/tasks.json
+++ b/previewhtml-sample/.vscode/tasks.json
@@ -5,26 +5,23 @@
 // ${fileDirname}: the current opened file's dirname
 // ${fileExtname}: the current opened file's extension
 // ${cwd}: the current working directory of the spawned process
-
 // A task runner that calls a custom npm script that compiles the extension.
 {
-	"version": "0.1.0",
-
-	// we want to run npm
-	"command": "npm",
-
-	// the command is a shell script
-	"isShellCommand": true,
-
-	// show the output window only if unrecognized errors occur.
-	"showOutput": "silent",
-
-	// we run the custom script "compile" as defined in package.json
-	"args": ["run", "compile", "--loglevel", "silent"],
-
-	// The tsc compiler is started in watching mode
-	"isWatching": true,
-
-	// use the standard tsc in watch mode problem matcher to find compile problems in the output.
-	"problemMatcher": "$tsc-watch"
+	"version": "2.0.0",
+	"tasks": [
+		{
+			"type": "shell",
+			"command": "npm run compile --loglevel silent",
+			"label": "npm compile",
+			"problemMatcher": "$tsc-watch",
+			"isBackground": true,
+			"presentation": {
+				"reveal": "silent"
+			},
+			"group": {
+				"kind": "build",
+				"isDefault": true
+			}
+		}
+	]
 }
\ No newline at end of file