Vue3目录调整方案详解
更新时间：2023年11月29日 11:04:03 作者：小沐°
默认生成的目录结构不满足我们的开发需求,所以这里需要做一些自定义改动,本文给大家分享Vue3目录调整方案,感兴趣的朋友一起看看吧
默认生成的目录结构不满足我们的开发需求，所以这里需要做一些自定义改动。
主要是以下工作：
1.删除一些初始化的默认文件
2.修改剩余代码内容
3.新增调整我们需要的目录结构
在src文件夹下创建两个新文件夹，一个叫api（请求模块的封装），一个叫utils（工具函数相关的封装）
4.拷贝全局样式和图片到assets文件夹里，然后安装预处理器支持
自定义的一些样式
验证生效：在main.js中导入，尽量往下放，保证优先级
import '@/assets/main.scss'
安装sass预处理器（没有安装的话，scss文件无法生效）
pnpm add sass -D
到此这篇关于Vue3目录调整的文章就介绍到这了,更多相关Vue3目录调整内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
本文将结合实例代码，介绍Vue批量更新dom的实现步骤，文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习吧2021-07-07
这篇文章主要为大家详细介绍了vue.js实现一个漂亮、灵活、可复用的提示组件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
Echarts，它是一个与框架无关的 JS 图表库，但是它基于Js，这样很多框架都能使用它，例如Vue，估计IONIC也能用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
自从体验了一下vite之后,真的太快了,然而对vue3还不是很熟练,就想着在vue2的项目中使用以下vite,下面这篇文章主要给大家介绍了关于vite搭建vue2项目的相关资料,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了Vue watch响应数据实现方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
前端开发中,随着业务的增多,出于效率的考虑,我们对于组件化开发的需求也越来越迫切。下面这篇文章主要给大家介绍了关于vue.js之UI组件开发的相关资料，文中介绍的非常详细，需要的朋友们下面来一起看看吧。2017-07-07
本文主要介绍了vue3+ts代理的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-12-12
这篇文章主要介绍了Vue的组件间传值(包括Vuex)，全文通过举例子及代码的形式进行了一个简单的介绍，希望大家能够理解并且学习到其中知识2021-08-08
vue使用动态添加路由(router.addRoutes)加载权限侧边栏的方式
这篇文章主要介绍了vue使用动态添加路由(router.addRoutes)加载权限侧边栏的方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
element-ui el-dialog嵌套table组件,ref问题及解决
这篇文章主要介绍了element-ui el-dialog嵌套table组件,ref问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
最新评论