From ce262afd24898908db3c45735df2f416ec6de9fe Mon Sep 17 00:00:00 2001 From: Brett Ludwig Date: Fri, 27 Aug 2021 18:00:53 -0600 Subject: [PATCH] update to reflect the new VS Code JS Debugger update to reflect the new VS Code JS Debugger as the chrome extension has now been marked as deprecated. --- vuejs-cli/README.md | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/vuejs-cli/README.md b/vuejs-cli/README.md index 571a13f..255fa58 100644 --- a/vuejs-cli/README.md +++ b/vuejs-cli/README.md @@ -2,7 +2,7 @@ by [Kenneth Auchenberg](https://twitter.com/auchenberg) -This recipe shows how to use the [Debugger for Chrome](https://github.com/Microsoft/vscode-chrome-debug) extension with VS Code to debug Vue.js applications generated by the [Vue CLI](https://github.com/vuejs/vue-cli). +This recipe shows how to use the extension with [VS Code bundled JavaScript Debugger](https://github.com/microsoft/vscode-js-debug) to debug Vue.js applications generated by the [Vue CLI](https://github.com/vuejs/vue-cli). If you're using Vue.js through the Nuxt.js framework, see https://codeburst.io/debugging-nuxt-js-with-visual-studio-code-724920140b8f @@ -10,15 +10,13 @@ If you're using Vue.js through the Nuxt.js framework, see https://codeburst.io/d 1. Make sure to have [Google Chrome](https://www.google.com/chrome) installed in its default location. -2. Make sure to the latest version of [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) extension installed in VS Code. - -3. Use [NPM](https://www.npmjs.com) to install [vue-cli](https://github.com/vuejs/vue-cli) +2. Use [NPM](https://www.npmjs.com) to install [vue-cli](https://github.com/vuejs/vue-cli) ``` npm install -g @vue/cli ``` -4. Use Vue CLI to create a new Vue.js app. +3. Use Vue CLI to create a new Vue.js app. ``` vue create hello-world @@ -26,7 +24,7 @@ If you're using Vue.js through the Nuxt.js framework, see https://codeburst.io/d You will be prompted to pick a preset. You can either choose the default preset which comes with a basic Babel + ESLint setup,or select "Manually select features" to pick the features you need. -5. Change to the newly created application directory and open VS Code. +4. Change to the newly created application directory and open VS Code. ``` cd hello-world @@ -63,7 +61,7 @@ module.exports = { "version": "0.2.0", "configurations": [ { - "type": "chrome", + "type": "pwa-chrome", "request": "launch", "name": "vuejs: chrome", "url": "http://localhost:8080",