vue2源码调试,在vscode中直接调试vue源代码操作指南
    		       		warning:
    		            这篇文章距离上次修改已过450天,其中的内容可能已经有所变动。
    		        
        		                
                在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文件配置正确,包括正确的入口文件和需要附加的脚本。
评论已关闭