Merge pull request #147 from calvwng/patch-2

Clarify launch.json step & add Nuxt.js debug link
microsoft · Nov 5, 2018 · 9387680 · 9387680
2 parents 76e0cb4 + 224c34a
commit 9387680
Showing 1 changed file with 18 additions and 17 deletions.
diff --git a/vuejs-cli/README.md b/vuejs-cli/README.md
@@ -6,6 +6,7 @@ This recipe shows how to use the [Debugger for Chrome](https://github.com/Micros
 
 **Notice**: Please be aware that we have found issues with the sourcemaps generated by vue-cli, which are causing problems for the debugging experience in VS Code. See https://github.com/vuejs/vue-loader/issues/1163
 
+If you're using Vue.js through the Nuxt.js framework, see https://codeburst.io/debugging-nuxt-js-with-visual-studio-code-724920140b8f
 
 ## Getting Started
 
@@ -65,24 +66,24 @@ Then click on the gear icon to configure a launch.json file, selecting **Chrome*
 
    ![config_add](config_add.png)
 
-2. Replace content of the generated launch.json with the following two configurations:
+2. Update the generated `launch.json`'s `configurations` to include the "vuejs: chrome" configuration as seen below:
 
-```json
-  {
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "chrome",
-            "request": "launch",
-            "name": "vuejs: chrome",
-            "url": "http://localhost:8080",
-            "webRoot": "${workspaceFolder}/src",
-            "breakOnLoad": true,
-            "sourceMapPathOverrides": {
-                "webpack:///src/*": "${webRoot}/*"
-            }
-        }
-    ]
+```js
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "vuejs: chrome",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}/src",
+      "breakOnLoad": true,
+      "sourceMapPathOverrides": {
+        "webpack:///src/*": "${webRoot}/*"
+      }
+    }
+  ]
 }
 ```