Skip to content

update to reflect the new VS Code JS Debugger #314

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
brettins wants to merge 1 commit into
base: master
Choose a base branch
from
Open

update to reflect the new VS Code JS Debugger #314

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 5 additions & 7 deletions vuejs-cli/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,31 +2,29 @@

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

## Getting Started

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
```

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
Expand Down Expand Up @@ -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",
Expand Down