Vue-Cli 4.X 目录结构

说明

Vue-Cli个人感觉对新手并不友好,本人在学习的过程的真的学得一脸懵逼,尤其是它的目录结构,现在在此做个学习记录。本文会持续更新,不断地扩充

本文仅为记录学习轨迹,如有侵权,联系删除。

一、目录结构

这里直接给出Vue-Cli 4.x的目录结构,为什么要强调4.x,因为它的目录结构跟3或者2还是有些区别,下面可以具体看一下

>pic<

先简单介绍一下目录

目录说明
node_modules第三方依赖,我们安装的各种依赖都在个文件件里面
public存放公共资源的地方,里面有一个index.html
src这个是重点,我们的源码以及开发的静态资源等都在里面
src/assets静态资源,css、img、js、font等
src/compoments自定义的公共组件
src/router路由配置,用于页面的跳转配置
src/views视图组件
src/store是vuex的文件,主要用于项目里边的一些状态保存。比如state、mutations、actions、getters、modules。
App.vue首页组件(默认组件),也叫根组件
main.js入口文件,一切的入口
.browserslistrc配置使用CSS兼容性插件的使用范围
.eslintrc.js配置ESLint
babel.config.js使用一些预设
package.json项目描述既依赖
package-lock.json版本管理使用的文件

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

墨丶水瓶

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: