在VSCode中调试Vue 3项目,可以通过配置launch.json文件来实现。 步骤概述 安装必要的插件:确保安装了Vetur或Volar(Vue 3官方推荐)、ESLint、Prettier等插件,以提高开发效率和代码质量。 创建Vue项目:使用Vue CLI或Vite创建一个Vue 3项目。 配置launch.json:在VSCode中创建或编辑.vscode/launch.json文件,配置调试环境。
vue.config.js中defaultConfig里添加 configureWebpack(config) { config.devtool = "cheap-module-source-map"; } Vue2还需要做个文件映射,在launch.json中添加 "sourceMapPathOverrides": { "webpack://xxxx/src/*": "${workspaceFolder}/src/*" } ©著作权归作者所有,转载或内容合作请联系作者平台声...
1.通过Chrome浏览器实现debug调试: F12进入调试界面,选择Source -> webpack:// 就可以看到vue程序,通过打断点可以实现debug调试 2.通过Vscode实现Vue的debug调试 第一步:vue.config.js文件添加webpack的配置: 第二步:配置launch.json文件:... 查看原文 ...