vscode怎么debug-vue项目
目录
vscode怎么debug vue项目
使用 vue create ss 创建个名为 ss 的 vue3 项目 (vue2项目不知道为什么不可以）
App.vue中添加方法和事件，并打断点
<button @click="ha">asdfasdfasdfsdf</button>
methods: {
ha() {
console.log('111111111')
console.log('222222222222')
}
}
vue.config.js 添加
configureWebpack: {
devtool: "source-map",
},启动 npm run serve
添加 launch.json
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}启动调试，点击按钮会进入到调试里。