小白读源码--vue3(环境准备)

384 阅读1分钟

第一次阅读源码,不知道能不能坚持读完。不管了,趁着在兴头上,赶紧记录一下。文中如果有错误,欢迎各位看官纠正,不甚感激。

在写此文章时,看到一位大佬的视频详解,视频很详细,地址: www.bilibili.com/s/video/BV1…

下载代码

先把代码clone下来,本地跑起来,附上地址:

https://github.com/vuejs/vue-next

安装依赖

进入目录后,我默认直接使用了npm,后来好像报了个错还是个警告来着,大概意思是需要yarn 1.x来安装依赖吧,所以我就重新安装了依赖,来个代码截图

yarn

查看package.json

依赖装完后,打开package.json看下命令,主要命令在scripts中,本地一般是啥dev,所以我先看下dev命令,执行npm run dev,其实也就是运行的scripts/dev.js,打开scripts/dev.js看看里面有啥,dev.js里面代码很少,主要用的就是sourcemap,主要是调试源码用嘛。 然后在命令中加入--sourcemap开启sourcemap 命令执行完毕后,可以看到生成了packages/vue/dist/vue.global.js的文件,还有对应的sourcemap的文件 终止命令,在package.json的scripts里,还有个serve的命令,执行npm run serve

随便进入一个好了,todomvc.html,打断点,就从createApp开始好了 看到左侧的目录结构,也可以去对应的代码目录中直接阅读

好了,环境准备好了,可以愉快地玩耍了,everybody,加油干!