vue 源码解析:目录篇

536 阅读1分钟

看源码之前,我们应该是从目录开始阅读,知道每个目录是干什么用的。 大家可以到 github 上下载源码,就可以看到和我一样的目录。

.circleci
.gihub
benchmarks
dist
examples
flow
packages
scripts
src
test
types
.babelrc.js
.editorconfig
.eslintignore
.eslintrc.js
.flowconfig
.gitignore
package.json

circleci

主要是用于自动部署的工具

gihub

主要是用 guthub 的一些配置

benchmarks

主要用于代码性能分析的工具

dist

打包之后的一些源代码

examples

关于源码的一些 API 应用例子

flow

Flow 能立刻检测代码变化,在开发 JS 时提供快速不断地反馈

packages

代码用的一些软件包

scripts

一些脚本,比如文件目录重定向,基础配置,版本生成等。

src

源代码存放目录

test

测试脚本存放目录

types

类型定义文件主要用于 ts

.babelrc.js

babel是用来进行转码的,在不支持es6的环境下,需要将es6的语法转码成es5的语法格式,就用到了babel

.editorconfig

官网是这么介绍EditorConfig的,“EditorConfig帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式。EditorConfig项目由用于定义编码样式的文件格式和一组文本编辑器插件组成,这些插件使编辑器能够读取文件格式并遵循定义的样式。EditorConfig文件易于阅读,并且与版本控制系统配合使用

.eslintignore

配置哪些文件忽略 eslint

.eslintrc.js

配置 eslint

.flowconfig

配置哪些文件,目录需要检测类型

.gitignore

配置哪些文件不用上传到 git 仓库

package.json

一些依赖,配置