vuejs 源代码启动 调试
vuejs源代码启动 调试
1.项目启动
下载pnpm
npm install pnpm -g安装依赖
pnpm install启动
npm run dev
启动后会生成packages\vue\dist\vue.global.js,这个文件为实时更新的源码打包文件,我们调试源码需要引入这个文件
2.创建study/myVue.vue文件,添加代码,用浏览器直接打开
<script src="../../dist/vue.global.js"></script><div id="counter">Counter: {{ counter }} <button @click="changeCount">+</button></div><script>const Counter = {data() {return {counter: 0,}},methods: {changeCount() {this.counter += 1},},}Vue.createApp(Counter).mount('#counter')
</script>
可以开始你的源码探索之路了。水滴石穿,继续努力偶少年!!!