构建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: 项目描述