Vue3项目文件目录详解

ClearBoth / 38 /

ChatGPT 可用网址,仅供交流学习使用,如对您有所帮助,请收藏并推荐给需要的朋友。
https://ckai.xyz

按照模块化的思想,比较清晰一些的目录结构如下图
image.png

api:

用于模块化管理项目中所有模块的请求文件

assets:

一般分为images和styles
images:项目中需要用到的图片(img、png等)、icon、SVG等
styles:全局的公共样式,reset等

components:

统一管理项目中需要用到的所有.vue组件
一般根据其功能进行分组

directives:

Vue的自定义指令,不多描述

layout:

项目的布局.vue模板

locales:

放置国际化多语言配置文件

mixins:

混入的一些配置,Vue2中用的比较多

plugins:

自己写的一些项目插件

router:

路由管理

store:

Vuex全局变量管理

utils:

自己封装的一些全局性的js功能文件

views/pages:

业务层



Vue3项目文件目录详解
作者
ClearBoth
许可协议
CC BY 4.0
发布于
2023-09-02
修改于
2024-04-03
Bonnie image
尚未登录