Skip to content

gongph/element-code-learning

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Element 源码学习

我学习 Element 源码的顺序是这样的:

你只有搞清楚它的目录都是干嘛的了,才有利于代码层面的分析啊。

  • 接下来就是粗略了解下 package.json 中每个构建命令 的作用

之所以看这个,是为了让我心中有个数

  • 然后逐一的去分析每一个命令行中对应的文件

深入到代码中才能见真谛啊,明白他们怎么处理的对我来说是非常重要的,这在自己的项目当中也会有很高的借鉴意义的。

  • 以上三步如果完成,才会进行下一步
  • 拜读大佬们写的每个组件的代码,跟着造轮子

最后一步是一个很漫长的过程,可能一年,也可能两年,但是既然开始,就要勇敢的走下去,坚持总会有收获的!

你应该了解的

  • ES6+
  • node & npm & package.json
  • Rollup
  • Webpack
  • Scss
  • Vue
  • Typescript

一点补充

  • 本次源码学习参考的是 Element 的 dev 分支
  • 文章中的代码大部分都用注释标注了,方便以后复习