vue2源码调试,在vscode中直接调试vue源代码操作指南
在VSCode中调试Vue 2源代码,你需要做以下几步:
- 确保你已经安装了Node.js和npm。
- 克隆Vue 2的仓库:
git clone -b 2.x https://github.com/vuejs/vue.git
- 进入克隆的仓库目录:
cd vue
- 安装依赖:
npm install
- 编译Vue:
npm run build
- 在VSCode中打开这个目录
- 在VSCode中打开终端
- 在终端中运行
npm run watch
以监听文件变化 - 在
src
目录下找到你想要调试的文件 - 在文件中设置断点
修改
test/runner-karma.js
文件,将browsers
数组改为只有你本地安装的浏览器,例如:browsers: ['Chrome'],
- 在VSCode中按
F5
或者点击顶部菜单的"调试"(Debug),选择"启动调试器"(Start Debugging) - 这将启动Karma,并在你选择的浏览器中打开测试页面
- 在浏览器中操作,触发你设置断点的代码,进行调试
注意:确保你的.vscode/launch.json
文件配置正确,包括正确的入口文件和需要附加的脚本。
评论已关闭