vue学习笔记 三、文件和目录结构

系列导航
vue学习笔记 一、环境搭建	vue学习笔记 二、环境搭建+项目创建	vue学习笔记 三、文件和目录结构
vue学习笔记 四、定义组件(组件基本结构)	vue学习笔记 五、创建子组件实例	vue学习笔记 六、ref定义单个数据
vue学习笔记 七、方法的定义和使用	vue学习笔记 八、toRef的使用	vue学习笔记 九、父子组件实例-基本结构
vue学习笔记 十、状态管理基础结构	vue学习笔记 十一、计算属性介绍	vue学习笔记 十二、通过计算属性获取定义的状态数据
vue学习笔记 十三、路由介绍	vue学习笔记 十四、页面跳转	vue学习笔记 十五、组件挂载过程及query方式带参数的页面跳转
vue学习笔记 十六、params方式带参数的页面跳转	vue学习笔记 十七、父子组件 ---> 子组件传值	vue学习笔记 十八、父子组件相互传递参数
vue学习笔记 十九、实例完整代码

项目创建好本节讲解一下，项目的目录结构

一、目录结构截图

 

 

二、目录：

node_modules:存放所有的依赖（一般不需要管这个文件夹的内容）

public：打包后的代码存放位置

src：单独说 是重点

三、文件：

.browserslistrc：用来控制浏览器版本

.gitignore：上传git是需要忽略的文件

babel.config.js：转译语法

package.json： 包管理文件

package-lock.json：所有包的具体信息

四、src目录

 

 

assets：放置静态资源

components:存放一般组件（还有路由组件）

router：配置路由

store：配置状态管理

views：存放路由组件

App.vue：根组件，这里的内容在每个组件都会生效

main.js：项目主入口js文件