vue3.0源码的启动

访问,这个是vue2.0版本的源码

https://github.com/vuejs/vue

在这里插入图片描述
这个是3.0源码的地址

https://github.com/vuejs/core

在这里插入图片描述
登录页面下载3.0版本的源码
在这里插入图片描述
直接下载压缩包就可以了
解压压缩包到指定的位置
使用vscod打开
在这里插入图片描述
启动项目的步骤
1.安装pnpm

npm   i   pnpm  

pnpm (pnpm):作为npm的替代品,pnpm通过共享依赖和按需安装,极大地提高了依赖安装的速度和磁盘空间的使用效率。pnpm采用了一种名为"project-lockfile"的机制,只在项目首次安装或更新时生成锁文件,后续安装只需依赖于已有的锁文件。
2.安装依赖

pnpm i

3.修改 package.json配置,开启sourcemap
“dev”: “node scripts/dev.js --sourcemap”
–sourcemap 等效于 -s,在这里不等效于-sourcemap(会产出vue.global.prod.js是 Vue 3 的一个全局、生产环境的构建版本)

 "dev": "node scripts/dev.js --sourcemap",

4.使用

node scripts/dev.js --sourcemap

或者

在这里插入图片描述
5.正常的情况就是,
如果我们发现了源码中的bug可以通过修改,这个文件方式的达到目的.
built: packages\vue\dist\vue.global.js

在这里插入图片描述
补充:
如果是发现了报错
1.

Debugger attached.
failed to load config from D:\2024\july\vueSourceCode\core-main\packages\sfc-playground\src\download\template\vite.config.js
error when starting dev server:
file:///D:/2024/july/vueSourceCode/core-main/node_modules/.pnpm/@vitejs+plugin-vue@5.0.5_vite@5.3.1_@types+node@20.14.8_sass@1.77.6_terser@5.31.1__vue@packages+vue/node_modules/@vitejs/plugin-vue/dist/index.mjs:3
import { shallowRef, computed } from ‘vue’;
^^^^^^^^
SyntaxError: The requested module ‘vue’ does not provide an export named ‘computed’
at ModuleJob.instantiate (node:internal/modules/esm/module_job:132:21)
at async ModuleJob.run (node:internal/modules/esm/module_job:214:5)
at async ModuleLoader.import (node:internal/modules/esm/loader:323:24)
at async loadConfigFromBundledFile (file:///D:/2024/july/vueSourceCode/core-main/node_modules/.pnpm/vite@5.3.1@types+node@20.14.8_sass@1.77.6_terser@5.31.1/node_modules/vite/dist/node/chunks/dep-BcXSligG.js:66913:15)

at async loadConfigFromFile (file:///D:/2024/july/vueSourceCode/core-main/node_modules/.pnpm/vite@5.3.1_@types+node@20.14.8_sass@1.77.6_terser@5.31.1/node_modules/vite/dist/node/chunks/dep-BcXSligG.js:66754:24)
at async resolveConfig (file:///D:/2024/july/vueSourceCode/core-main/node_modules/.pnpm/vite@5.3.1_@types+node@20.14.8_sass@1.77.6_terser@5.31.1/node_modules/vite/dist/node/chunks/dep-BcXSligG.js:66364:24)
at async createServer (file:///D:/2024/july/vueSourceCode/core-main/node_modules/.pnpm/vite@5.3.1@types+node@20.14.8_sass@1.77.6_terser@5.31.1/node_modules/vite/dist/node/chunks/dep-BcXSligG.js:62977:18)
at async CAC.<anonymous> (file:///D:/2024/july/vueSourceCode/core-main/node_modules/.pnpm/vite@5.3.1_@types+node@20.14.8_sass@1.77.6_terser@5.31.1/node_modules/vite/dist/node/cli.js:735:20)
Waiting for the debugger to disconnect…
 ELIFECYCLE  Command failed with exit code 1.WARN  Local package.json exists, but node_modules missing, did you mean to install?
Waiting for the debugger to disconnect…

如果你是在 Vue 3.x 中遇到问题,确保项目中安装了正确的 Vue 版本。如果你的项目是基于 Vite 的,确保同时安装了 @vitejs/plugin-vue,因为Vite默认依赖于Vue。如果需要,你可以使用以下命令:

npm install vue @vitejs/plugin-vue --save

2.node 的最低版本是18.XX.XX如果版本太低不行.
3.绑定资源是我从gitlub上下载的源码.
4.在项目中使用vue的时候实际上导入的就是打包之后所生成的就是

packages\vue\dist\vue.global.js
  • 10
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值