Vue源码解析-目录设计

Vue.js源码目录设计

首先下载源码，打开后会发现其实vue的源码都是在src目录中，其目录结构如下

Vue

|— dist 打包之后文件所在位置

|— src 主要源码所在位置

     |— compiler 包含 Vue.js 所有编译相关的代码

          |— codegen 根据ast生成render函数

          |— directives 生成render函数之前需要处理的指令

          |— parser 模板解析

     |— core 核心代码，包括内置组件、全局 API 封装，Vue 实例化、观察者、虚拟 DOM、工具函数等等

          |— components 全局组件

          |— global-api 全局方法，也就是添加在Vue对象上的方法，比如Vue.use,Vue.extend,,Vue.mixin等

          |— instance 初始化相关方法、生命周期、事件等

          |— observer 双向数据绑定

          |— util 工具

          |— vdom 虚拟dom

     |— platforms 不同平台的支持

          |— web web端文件

                |— compiler 编译阶段需要处理的指令和模块

                |— runtime 运行阶段需要处理的组件、指令和模块

                |— server 服务端渲染相关

                |— util 工具库

          |— weex weex端文件

     |— server 服务端渲染主要的工作是把组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序

     |— sfc  .vue 文件内容解析成一个 JavaScript 的对象。

     |— shared 共享代码

文件很多，还害怕啊O(∩_∩)O。不过整体来看个子功能模块拆分的还是挺清楚，目前，我也是处于懵逼的状态，大家一起努力，凡事都是一步一步来，不能一口吃个胖子~~~~~

最后感谢，我所有参考资料的大神们，灰常感谢。。。。。