vue3源码的下载与安装

  1. Vue的源码
    第一步:在GitHub上搜索 vue-next,下载源代码;
    这里推荐通过 git clone 的方式下载;
    第二步:安装Vue源码项目相关的依赖;
    执行 yarn install
    第三步:对项目执行打包操作
    执行yarn dev(执行前修改脚本)
    在这里插入图片描述
    第四步:通过 packages/vue/dist/vue.global.js 调试代码
  2. 具体过程
    vue3对node版本有要求,应该升级至v16及以上
    在这里插入图片描述
    vue3源码的下载与安装_第1张图片
git clone https://github.com/vuejs/core.git

vue3源码的下载与安装_第2张图片

yarn install --ignore-scripts

vue3源码的下载与安装_第3张图片

yarn dev

vue3源码的下载与安装_第4张图片

  1. 打包成功后
    vue.global.js.map方便调试,浏览器f12可以看到代码具体来自于那个文件
package.json
"dev": "node scripts/dev.js --sourcemap",

vue3源码的下载与安装_第5张图片
vue3源码的下载与安装_第6张图片

你可能感兴趣的:(vue.js,前端,javascript)