Bootstrap

vue源码目录分析

vue源码目录浅析

.circleci:包含CircleCI部署工具的配置文件
.github:项目相关的说明文档
benchmarks(性能测试文件)
dist (构建后输出不同版本的vue文件)
examples (vue构建的一些示例 )
flow (静态类型检查的声明文件,供全局使用)
packages (独立的vue相关的npm包)
scripts (构建相关文件和配置文件)
src (vue核心源码文件)
── compiler (编译相关,主要将 template 模板编译为 render 函数)
── ──codegen:代码生成器直接从AST对象生成代码字符串。
── ──parser:解析器的作用是将模板转换成元素AST对象。
── ──optimizer:优化器负责检测静态抽象树的渲染进行优化。
── core(核心代码,与平台无关的代码)
── ── components(通用组件)
── ── global-api(Vue 构造函数挂载全局方法(静态方法)或属性的代码 / 全局api代码)
── ── instance(实例化相关代码)
── ── observer(响应系统,包含数据观测的核心代码)
── ── util(工具方法)
── ── vdom(虚拟dom相关代码)
── platforms(平台特有/跨平台,不同平台的构建入口文件)
── ── web(web端)
── ── weex( native端)
── server(服务端渲染相关代码)
── sfc( .vue 文件解析)
── shared(全局通用的变量/方法)
test(测试文件)
types:使用TypeScript定义的类型声明,并且包含了测试文件

除 flow 和 src 目录外,其他的文件夹主要都是用来服务于Vue项目组织和构建的,在源码探究中可以忽略。
flow 文件夹里包含了一些预先定义好的静态类型,
src 才是主要源码文件夹的组织结构。

vue源码 导航

;