In the first sentence of the text, add “I am participating in the Mid-Autumn Festival Creative Submission Contest. For details, see: Mid-Autumn Festival Creative Submission Contest

1. Access the vUE official website to find configuration items

Vuejs.org/v2/cookbook…

2. Configure the vue. Config. Vue

Copy code:

module.exports = { configureWebpack: { devtool: 'source-map' } }
Copy the code

3. The configuration vscode

  • Select the appropriate browser (firefox also available)

Copy code:

{ "type": "chrome", "request": "launch", "name": "vuejs: chrome", "url": "http://localhost:8080", "webRoot": "${workspaceFolder}/src", "breakOnLoad": true, "sourceMapPathOverrides": { "webpack:///src/*": "${webRoot}/*" } },
Copy the code
  • Change to start with pwa without downloading vscode plug-ins

  • Ps: Change it to the local address of the local project

  • A graphical interface is much like a browser

  • Clicking the green icon will run and will open a new page in the Google browser (the one in the configuration)

  • Open the console and see that the original code in the Webpack directory is developed instead of the compressed code

thanks