一起学vue3.0

vue3.0 Github链接
今天尤雨溪大佬发的微博vue3源码开放了，我便git clone 下来看了。下面我们来一起认识一下vue3.0的目录结构吧。

尤小右微博

打开git bash 或者powershell或者命令提示符输入下面命令：

# 使用git克隆到本地
git clone https://github.com/vuejs/vue-next.git

克隆vue

这是vue-next的项目目录结构。

vue3.0目录结构

我们看到第一个目录.circleci，这是干嘛的？

/.circleci/ :

CircleCI 是一个持续集成/持续部署的服务，绑定GitHub/Bitbucket后，只要代码有变更，就会自动抓取，根据你的配置，提供运行环境，执行测试，构建和部署。详细请移步官网自学。
circleci官网文档
circleci GitHub链接

/.github/ : 这个文件夹中存放了两个关于提交贡献代码的说明文件

/.vscode/ : 里面是VS code的配置信息，指定typescript的文件目录和启用文件类型

/packages/ : 是源码主目录，主要源码在这个包文件夹中

/scripts/ : 存放一些工具方法的

.gitignore : 忽略提交到git仓库文件

.prettierrc : 这个文件是Prettier的配置文件，Prettier是一个流行的代码格式化工具的名称，它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码。

prettier官网

api-extractor.json : 这是所有包的共享基本配置文件。

jest.config.js : 这是JavaScript 测试框架

jest官网

lerna.json : 包的配置文件，里面是包目录和版本信息

lerna: A tool for managing JavaScript projects with multiple packages.（JavaScript 项目多包管理工具）它优化了使用git和npm管理多包存储库的工作流。
lerna GitHub链接

package.json : npm包管理工具的配置文件

README.md : 说明文件

rollup.config.js : JavaScript 模块打包器配置文件

Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码
rollupjs中文网

tsconfig.json : typescript的配置文件

yarn.lock : yarn依赖包管理工具的配置文件

原文作者：Anting全栈开发
技术博客：https://www.jianshu.com/p/85447e9c1cf7

90后，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的全栈开发一枚。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，对于博客上面有不会的问题，可以加入qq技术交流群聊：649040560。