Vue小白课（四）——项目结构解析（Vue3.x）

@Vue项目结构解析

create by db on 2019-1-10 16:28:10 Recently revised in 2019-3-9 21:52:41

 Hello 小伙伴们，如果觉得本文还不错，麻烦点个赞或者给个 star，你们的赞和 star 是我前进的动力！GitHub 地址

 查阅网上诸多资料，并结合自己的学习经验，写下这篇Vue3.0学习笔记，现分享给大家，以供参考。

 作为一只前端菜鸟，本篇文章旨在记录自己的学习心得，如有不足，还请多多指教，谢谢大家。

前言

 在上一篇项目搭建文章中，我们已经下载安装了node环境以及Vue-CLI3，并且已经成功构建了一个Vue-CLI3项目——见Vue小白课（三）——CLI搭建项目（Vue3.x）。那么接下来，我们来梳理一下Vue-CLI3项目的结构。

 参考文献：

• Vue3.x官方文档

• 利用vue-cli3快速搭建vue项目详细过程 | 简书-zhyzhyzz

• vue-cli3.0项目结构 | 简书-戴眼镜的松鼠

正文

 vue-cli3.0默认项目目录与2.0的相比，更加精简:

1. 移除的配置文件根目录下的，build和config等目录，
2. 移除了static文件夹，新增了public文件夹，并且index.html移动到public中。
3. 在src文件夹中新增了views文件夹，用于分类 试图组件 和 公共组件 。
4. 大部分配置 都集成到 vue.config.js这里,在项目根目录下

Vue-CLI3项目结构一览

总结

 路漫漫其修远兮，与诸君共勉。

后记：Hello 小伙伴们，如果觉得本文还不错，记得点个赞或者给个 star，你们的赞和 star 是我编写更多更丰富文章的动力！GitHub 地址

db 的文档库 由 db 采用 知识共享 署名-非商业性使用-相同方式共享 4.0 国际 许可协议进行许可。
基于github.com/danygitgit上的作品创作。
本许可协议授权之外的使用权限可以从 creativecommons.org/licenses/by… 处获得。

转载于:https://juejin.im/post/5c997e5be51d45747d4d0c78