看源码的第一步,我猜很多人搞错了~

大家好,我是若川。

今天在江西人的前端群里,有个小伙伴问,vueusevitepress (也就是官方文档仓库)怎么搭建的,怎么都没有 index.json(引用的一个文件)。

本文简单记录下流程,供大家学习参考。

我当时用 github1s.com 打开 https://github1s.com/vueuse/vueuse 看了下,推荐TA看 README.md贡献文档。果然,然后我在 package.json 等文件中找到命令。会生成 index.json 文件。

a95c8c954247745b27b77ec7e6dd48b8.png
贡献文档 pnpm install && pnpm dev
7b6a7d268439d2ae2902b9d9f1ae57f2.png
命令
ab5f27e3e1582e35ba0309c4f5b405c5.png
update 命令
8b989f4b52e5beb6e40787261daa8cd5.png
生成 index.json

相对开源项目写源码来说,看其源码其实不算难。

如果把学习看做是爬山,爬山并没有我们想象中的那么难。

但可能:

  • 难在我们徘徊不前,找不到山的入口。

  • 难在我们爬山路上没有同伴。

  • 难在可能没有相对好走的路。

  • 难在我们不能坚持爬到山顶。

  • 难在我们不知道为何要爬山。

  • 等等。

假设我们要把某个项目跑起来,第一步肯定是看 README.md贡献文档。然后看 package.json 相应的命令和文件结构,把项目跑起来。后续再调试等。再根据情况查阅搜索资料等,这一系列操作下来就学到不少东西。而这些基本操作,我在源码共读中的辅助文章都基本写过。只是学的人比较少,或者说迟迟没有踏出第一步。又或者说因为不知道为啥要“爬山”,所以不“爬山”。

比如可能很多小伙伴对于上面的截图。monoreponr 是啥,esno 又是啥等等。

关于 nr 之前我写过文章《尤雨溪推荐神器 ni ,能替代 npm/yarn/pnpm ?简单好用!源码揭秘!》。其实就是 @antfu/ni 库,其实就是 npm/yarn/pnpm run 一种简写,也是源码共读中的一期。

esno 简单来说是跑 ts 文件的。

感兴趣的小伙伴,可以找个比较有名自己常用的,比如vue-cli、create-vite、create-vite、create-react-app、vue、react、taro、element、vant 等。看看TA的README.md 、贡献文档和 package.json一些依赖的库、命令和入口文件等,你可能会发现多学几个之后发现都类似。学习的过程中有问题可以在各种交流群提问讨论,而不是利用交流群划水聊太多无关的。学完可以输出一篇文章。

总结,今天主要分享了如何找到爬山的入口,真正去爬山。第一步肯定是看 README.md贡献文档。然后看 package.json 相应的命令和文件结构,把项目跑起来。

希望今天的分享对你有所收获。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274512.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

序列化说明(转)

序列化是用来通信的,服务端把数据序列化,发送到客户端,客户端把接收到的数据反序列化后对数据进行操作,完成后再序列化发送到服务端,服务端再反序列化数据后对数据进行操作。说白了,数据需要序列化以后才能…

1.1编写目的_1.目的

1.1编写目的A friend of mine recently founded Secta Leagues. A company that organises sports leagues for working professionals, where companies play sports against one another in the same industry. The vision is to provide an app that allows interested comp…

Web 应用架构的下一个转变

Web 技术大概 25 年前开始萌芽,HTTP、HTML、CSS 和 JS 都是在九十年代中期首次被标准化的。直到如今,Web 演变成一个无处不在的应用平台。随着 Web 的发展,Web 应用程序的开发架构也在不断发展。现在有许多用于构建 Web 应用程序的核心架构&a…

生命在于运动?

我有两个朋友,一个喜欢运动,经常打球骑单车,一个就喜欢宅在家里,最多大家玩的时候去旁观。两人常常争执,一个说:生命在于运动,你看我多健康!一个说:生命在于静止&#xf…

C++ 学习笔记----类篇

(一)基本概念: 1、类与对象: 1 //声明类 2 class Human { 3 4 //... Data members and methods go here 5 6 }; 7 8 //定义对象 9 Human human; 2、通常用class声明类,struct也可以,只不过在信…

ux和ui_设计社交餐厅策展应用程序— UX / UI案例研究

ux和uiSabor, which translates from “taste” or “flavor” in Spanish, is a concept for an iOS app designed to provide users with honest, reliable and relatable restaurant recommendations from friends and family. It is a social restaurant curation applicat…

你不知道的 script 标签的 defer 与 async 属性

我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外:目前建…

我是怎么调试 Element UI 源码的

我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外:目前建…

java对象的理解

1、看生成几个对象,就看new了几次, Stu s1new Stu(“张三”); Stu s2s1;-这里也是生成了一个对象,只不过s1和s2指向了同一个对象 2、Stu s1new Stu(“张三”); Stu s2 new Stu(“李四”); s1s2;这里生成了两个对象,但是…

模板缓冲_模板缓冲以及如何使用它可视化体积相交

模板缓冲介绍 (Introduction) The trendy thing in real-time rendering these days is ray-tracing. However, traditional rasterization hasn’t disappeared, and it won’t in the near future. I recommend this blog post on the subject: A hybrid rendering pipeline …

重磅!哈啰 Quark Design 正式开源,下一代跨技术栈前端组件库

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

对lua协程的一点理解

读《Programming In Lua》协程那一章,比较困惑的还是procuer-consumer那个例子: function consumer(prod)while true dolocal x receive(prod)print(x)end endfunction receive(prod)local status, value coroutine.resume(prod)return value endfunct…

b端 ux 设计思维_借助系统思维从视觉设计过渡到UX

b端 ux 设计思维“How can I switch to UX?” This is a common question from visual designers because there’s a lot of overlap on the surface. But it can also be a difficult transition since UX encompasses much more below the surface.“如何切换到UX&#xff…

三面面试官:运行 npm run xxx 的时候发生了什么?

大家好,我是若川。近期发现好些小伙伴工作有2-3年了,基本不会写脚手架,或者说没学过脚手架。对脚手架大致是如何执行的基本不太知道。其实这类学习资料真的挺多的。而且我们基本天天 npm run dev,应该学习内部实现。不知道的小伙伴…

figma下载_Figma的自动版式实用

figma下载Figma’s Auto Layout has been around for a while, but not everyone’s aware of the benefits it brings. It doesn’t replace constraints, they’re still very much needed. The trick is to use the right feature where necessary. I want to show you how …

Qt通过ODBC读取excel文件

之前替学校考试科用C Builder做过一个小的数据库工具,处理excel表格用的,现在想转换到Qt平台下来,在网上搜了搜有一些利用OBDC读取xls文件的教程: http://hi.baidu.com/kxw102/item/770c496d5736470ca0cf0f1d http://blog.sina.co…

真 · 三面面试官:运行 npm run xxx 的时候发生了什么?

昨晚没权限我只放了链接,今天联系开了白名单。昨天推文主要是为了投票,表明 Node.js 的重要性,有人评论是水文。今天重新转载下。欢迎继续点此去投票。投票显示有高达近80% 表示不太会开发脚手架,看来大多数人确实没有应用场景。可…

ovo svm_反思我在OVO担任远程产品设计实习生的时间

ovo svmIn a quiet bedroom accompanied only by the low humming of my laptop fan, I sat before a Google Hangouts meeting, and got to know my colleagues for the first time, unaware of the joy of a ride that was waiting for me at OVO Design.在一个安静的卧室里&…

native的Socket向Android的LocalSocketServer发送汉字乱码的问题

native的Socket发送字节流默认是GB2312的,所以在Java方面需要指定GB2312 byte[] buffer new byte[50]; StringBuffer strBuf new StringBuffer(); InputStream input receiver.getInputStream(); while((len input.read(buffer)) ! -1) {String newStr new Str…

最受读者喜爱的前端书 Top 15【留言送书】

最受读者喜爱的前端书Top 15JavaScript高级程序设计(第4版)| 中文版累计销量32万册,JavaScript“红宝书”全新升级 | 涵盖ECMAScript 2019,全面深入,入门和进阶俱佳 | 结合视频讲解配套编程环境,助你轻松掌…