用VScode或pycharm调试javascrip

VScode

- 安装插件

• vim
• vetur: vue工具插件
• Debugger for Chrome: chrome调试插件

- 安装node.js

我安装的是12.14 LTS版本
进入项目后运行

npm install 

- 配置launch

点击调试后，创建launch.json，会自动在当前目录.vscode下创建，再右下角蓝色按钮点击Add Configuration，选择Chrome: Launch。
注意根据项目不懂修改端口，我的是9999

{
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "http://localhost:9999",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

- 调试

• 需要先启动npm

npm run dev

• 再在vscode中开始调试，点击F5

pycharm

- 安装插件

• 在chrome浏览器中安装JetBrains IDE Support
  插件

- 启动node

npm run dev

- 调试

在chrome中右键选择inspect in Pycharm