源码调试

71 阅读1分钟

源码调试

  1. 从github上面 git clone下来:git clone github.com/vuejs/vue.g…
  2. 我切换的2.6.14分支,然后 npm i命令
  3. package.json文件的dev命令添加--sourcemap

image.png 4. 运行npm run dev

[!NOTE] npm i 的时候我没有报错,但是看网上有其他报错,可以参考下面链接

  1. 在examples/commits/test.html中进行调试,新建test.html文件
<!DOCTYPE htm1>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"content="width=device-width, initial-scale=1.9" />
<title>Document</title>
</head>
<body>
<div id="app">{{msg}}</div>
<script src="../../dist/vue.js"></script>
<script>
new Vue({
    el:"#app",
    data() {
        return {
            msg:"hello world!"
        }
    }
})
</script>
</body>
</html>
  1. 在文件中设置断点

image.png

参考:blog.csdn.net/ssjjrr/arti…