搭建vue3源码学习环境

更好的学习vue 当然是了解它的源码

1. vue3 源码地址

之前地址: https://github.com/vuejs/vue-next
现在地址:https://github.com/vuejs/core
链接的是同一个仓库core

git clone https://github.com/vuejs/core.git

安装依赖:pnmp install (推荐使用pnmp ),使用npm 报错,或者使用ni
我是用的是pnpm :npm install pnpm -g (没安装的先安装)
在安装依赖时,pnpm install --ignore-scripts (添加参数–ignore-scripts 可有可无,有安装依赖速度快点(这个想深入研究的朋友多了解下,也可以评论告知我下))
pnpm 学习地址

2,修改资源配置 package.json中添加 --sourcemap

在这里插入图片描述

3,运行

pnpm run dev

得到如下结果,运行成功

> watching: packages/vue/dist/vue.global.js

在这里插入图片描述
图中1,生成的对应文件,
图中2,就是一些示例代码,可以用来玩玩了,也可以自己写

我就简单写到这里了,写代码去了,

写的很好值得学习:Vue3源码学习笔记——从启动项目到一步步断点调试
如何调试vue3源码

调试vue3源码
vue3的春天,一位道友的分析

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值