Vue项目目录结构介绍

本章内容方向：本章我们会对一个 Vue 项目的目录结构进行讲解，解释各子目录以及文件的作用，Vue 单文件组件规范等。

1·Vue 单文件组件（常用组件）

src 下面的目录结构:
assets：静态资源存放目录。
components：组件存放目录，项目的公共组件可以存放在此供其他地方使用
router: 路由，此处配置项目路由
store: 状态管理
view: 路由页面组件
App.vue：是项目的主组件，页面的入口文件。
main.js：默认为整个项目的入口文件。

2·其它文件

1·babel.config.js

babel作为转译工具使我们的 JavaScript 代码正常运行在旧的或不支持新语法和api的环境。

2·package.json

每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）

3· .gitignore

.gitignore 文件就负责标记哪些目录或文件是不需要上传上去的

4· package-lock.json

基础配置，告诉我们项目的信息（版本号、项目姓名、依赖）

目录结构所有展示