说明
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 | 版本管理使用的文件 |
您可以选择一种方式赞助本站
支付宝扫一扫赞助
微信钱包扫描赞助