vue文件夹目录详解教程

2024-01-18 21:06:17 浏览数 (1)

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

0 人点赞