常见的错误解决

常见错误

安装vant2 报错

npm install eslint-plugin-vue@7.20.0

配置vue调式

1. 安装 JavaScript Debugger 插件
2. ctrl+shift+d 打开 运行和调试面板

3. 点击齿轮图标创建 launch.json 文件，并选择“Chrome”作为调试环境。

4. 编辑 launch.json 文件，添加以下配置：

   {
     "version": "0.2.0",
     "configurations": [
       {
         "name": "Launch Chrome against localhost",
         "type": "pwa-chrome",
         "request": "launch",
         "url": "http://localhost:8080",
         "webRoot": "${workspaceFolder}/src",
         "breakOnLoad": true,
         "sourceMaps": true,
         "trace": true,
         "skipFiles": ["node_modules/**"]
       },
       {
         "name": "Attach to Chrome",
         "type": "pwa-chrome",
         "request": "attach",
         "port": 9222,
         "webRoot": "${workspaceFolder}/src",
         "sourceMaps": true,
         "skipFiles": ["node_modules/**"]
       }
     ]
   }
   
   

5. 启动serve项目 ,并调试

   

6. 设置断点 在你的 Vue 组件代码中，点击行号左侧的空白处设置断点； 也可以直接敲debugger。