阅读 195

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项目的结构。

 参考文献:

正文

 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… 处获得。

关注下面的标签,发现更多相似文章
评论