【若川视野 x 源码共读】第34期 | tdesign-vue 初始化组件

3,725 阅读3分钟

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础,查漏补缺,开阔眼界,拓宽视野,知其然知其所以然。

我倾力组织了每周一起学200行左右的源码共读活动。我写有《学习源码整体架构系列》20余篇。

欢迎点此扫码加我微信 ruochuan02 交流,参与 源码共读 活动,每周大家一起学习200行左右的源码,共同进步。可以持续关注我@若川

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式 简言之:看任务,看辅助文章、看源码,交流讨论,在掘金写笔记,写好后提交到本文评论区。

为了给大家谋福利,另外给大家的文章带来更多阅读量,便于搜索,从2022年3月27日起,笔记可以直接发布在掘金,以《标题自取》标题不限,可以取个好标题,容易被掘金推荐。

笔记文章开头加两句话

笔记文章最后,建议写上总结、收获、感受等。

  • 开头第一句作用是:方便每月统计评优,掘金赞助送小礼物。顺便帮忙宣传推广,让更多人参与进来,一起学习。

  • 开头第二句作用是:加上是多少期,当前任务说明的链接,方便读者知道这是什么活动。

笔记写完后,到当前期活动的文章评论区留言自己的文章和笔记特点。方便大家查阅学习交流讨论。

往期所有笔记存放在语雀讨论区

任务发布时间

6月13日 - 6月26日。可以按照自己节奏学习,提交笔记即可(不一定要严格按照我规定的时间)。往期共读也可以及时复习,笔记未完成可以继续完成。

语雀本期任务说明链接

语雀有树形菜单,更方便查看,所以也放下语雀的这一期链接

学习任务

git clone --recurse-submodules https://github.com/Tencent/tdesign-vue.git

cd tdesign-vue
# 开发预览
npm i # 可以用 yarn install yarn 相对更快
  • 主要学习这两个命令。可以查看贡献文档。
  • 新增组件: npm run init [组件名]
  • 删除组件:npm run init [组件名] del
  • 根据大家问卷反馈情况,多设置一些相对简单的,先让大家参与进来,让大家觉得源码也不难。
  • 最后大家没填问卷的,有空抽几分钟来填下源码共读活动问卷~你们的反馈至关重要wj.qq.com/s2/9304505/…
  • 如果出现克隆时没有权限问题,可以修改 根目录的 .gitmodules 的 url 为 https 的
[submodule "src/_common"]
	path = src/_common
	url = https://github.com/Tencent/tdesign-common.git

参考文章

和我这篇文章类似

每次新增页面复制粘贴?100多行源码的 element-ui 新增组件功能告诉你减少重复工作

  • 看文章,看源码,交流讨论,写笔记发布在掘金/语雀。再在这篇文章下评论放上提交笔记的链接。