Vue3目录调整方案详解

默认生成的目录结构不满足我们的开发需求，所以这里需要做一些自定义改动。

主要是以下工作：

1.删除一些初始化的默认文件

2.修改剩余代码内容

3.新增调整我们需要的目录结构

在src文件夹下创建两个新文件夹，一个叫api（请求模块的封装），一个叫utils（工具函数相关的封装）

4.拷贝全局样式和图片到assets文件夹里，然后安装预处理器支持

自定义的一些样式

验证生效：在main.js中导入，尽量往下放，保证优先级

import '@/assets/main.scss'

安装sass预处理器（没有安装的话，scss文件无法生效）

pnpm add sass -D

到此这篇关于Vue3目录调整的文章就介绍到这了,更多相关Vue3目录调整内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！