构建vue项目后的第一步就是创建文件夹了，下面将详细的介绍一下文件夹分别是什么意思。

文件夹图示：

文件夹说明：

node_modules文件夹 npm install 安装的依赖代码库

build 构建相关

src文件夹 是项目源码

│ ├── api // 接口
│ ├── assets // 主题 字体等静态资源
│ ├── components // 全局公用组件
│ ├── directive // 全局指令
│ ├── filtres // 全局 filter
│ ├── icons // 项目所有 svg icons
│ ├── lang // 国际化 language
│ ├── mock // 项目mock 模拟数据
│ ├── router // 路由
│ ├── store // 全局 store管理
│ │ ├── index.js //注入所有vuex相关，并导出

│ │ ├── getters.js //store的计算属性

│ │ ├── muattion.js //更改store中的状态(唯一方法)

│ │ ├── state.js //储存状态

│ │ └── actions.js //维护异步数据

tests文件夹 测试文件目录

static文件夹：存放静态资源(图片、字体等),不会被wabpack构建

.babelrc: babel的配置

.editorconfig: 编辑器的配置

.eslintigonre: 忽略语法检查的目录文件配置

.eslinttrc.js: eslint的配置

.gitignore: git提交忽略的文件目录配置

.package.json: npm包配置文件

vue.config 配置相关

README.md: 项目描述