在VSCode中调试Vue 3项目,需要遵循一系列步骤来安装、配置环境以及设置调试配置。下面我将分步骤详细说明这一过程: 1. 安装并配置Vue 3的调试环境 首先,确保你已经安装了Node.js和npm。Vue 3项目通常使用npm或yarn作为包管理器。 然后,通过Vue CLI或Vite来创建一个新的Vue 3项目。这里以Vite为例,因为它更轻量级...
vue.config.js中defaultConfig里添加 configureWebpack(config) { config.devtool = "cheap-module-source-map"; } Vue2还需要做个文件映射,在launch.json中添加 "sourceMapPathOverrides": { "webpack://xxxx/src/*": "${workspaceFolder}/src/*" } ©著作权归作者所有,转载或内容合作请联系作者 0...
1.通过Chrome浏览器实现debug调试: F12进入调试界面,选择Source -> webpack:// 就可以看到vue程序,通过打断点可以实现debug调试 2.通过Vscode实现Vue的debug调试 第一步:vue.config.js文件添加webpack的配置: 第二步:配置launch.json文件:... 查看原文 ...