Debug locally and start the local server in vs code

Hello everyone, meet again, I'm your friend Quanstack Jun.

1 Debugging locally in vs code 1. First install a plugin on VSCode: Debugger for Chrome, as shown in the following figure: Enter Debugger for Chrome in the search box and click Install

2. For the configuration file, click the buttons in the red circle from left to right, and then the launch.json file will appear, and add configuration information in it.There will be a previously configured name, here is "Debug with native chrom"

4. After selecting the name, press F5 directly, the browser interface will pop up, and you can debug the image The above configuration has not opened the server, the above operation is equivalent to opening the interface directly in the browser

Two open the local server

1. Open VS Code, then click "View" => "Debug Console" or directly press the shortcut key ctrl+shift+y to bring up the control panel

2. Click "Terminal" and directly enter npm install -g live-server in it to install live-server globally npm install -g live-server

3. After the installation is complete, the version information of the live-server will appear, indicating that the installation is successful

4. Enter in the terminal: live-server and the following information will appear

Then directly in the browser pop-up interface, select the running file

Publisher: Full-stack programmer, please indicate the source: https://javaforall.cn/106437.htmlOriginal link: https://javaforall.cn