首页 > 其他分享 >vue项目目录结构划分

vue项目目录结构划分

时间:2022-08-23 15:01:13浏览次数:75  
标签:src vue assets 项目 js --- 划分 目录

 

1.dist---编译之后的项目文件

2.src---开发目录

3.src/assets---静态资源

src/assets/less---公共less

src/assets/img---图片资源

4.src/components---组件

5.src/pages---各个页面,根据路由划分的

6.src/utils---工具库

7.src/App.vue---启动页面,最外层容器组件

8.arc/main.js---入口脚本

9.babel.config.js---babel配置文件

10.vue.config.js---vue自定义配置,与webpack配置相关

11.package.json---项目配置

12.REASME.md---项目说明

 

标签:src,vue,assets,项目,js,---,划分,目录
From: https://www.cnblogs.com/pwindy/p/16616185.html

相关文章

  • 一天一个知识点-----vue项目简单引入svg
    项目背景:vue3.0+elementPlus注意项目结构,主要涉及的几个文件及文件夹---直接上代码----1.最开始是要下载包npminstallsvg-sprite-loader2.配置项目的配置文件vu......
  • vue3 单文件组件——父组件访问子组件的实例
    如果一个子组件使用的是选项式API 或没有使用 <scriptsetup>,被引用的组件实例和该子组件的 this 完全一致,这意味着父组件对子组件的每一个属性和方法都有完全的访问......
  • vue大文件上传组件选哪个好?
    ​一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到......
  • Vue项目跑不起来 Uncaught SyntaxError: The requested module '/node_modules/.vit
    一:问题介绍vue项目运行跑不起来提示Browserslist:caniuse-liteisoutdated.Pleaserunnpxbrowserslist@latest--update-db遇到这个情况首先想到重新安装依赖重启项目......
  • vue3源码学习
    建议先通过官方指南了解3.0都干了啥、解决了什么问题。然后才是阅读其源码(通过利器),进阶了解它是如何实现的。https://juejin.cn/post/6925668019884523534......
  • 创建一个VUE项目
    前期准备1、安装node,官网安装(自带npm)2、安装npm国内镜像cnpm:npminstall-gcnpm;安装后可能在项目中无法使用,执行cnpminstallexpress-g3、安装开源前端打包工具webpa......
  • vue3新内置组件teleport传送门
    使用到的原因:在使用固定定位弹出弹出框的时候,突然遇到位置不正确,而且在有index高级别的情况下依旧位置出错表现如下:出现原因:我的代码出现的tf元素,导致定位祖先元素发......
  • vue中$forceUpdate的使用
    Vue中的$forceUpdate有强制刷新的意思,但是这个针对于深层次结构数据,数据通过赋值进行了更新,但是vue监听不到。深结构数据对于普通类型的数据来说,我们不需要操心数据绑定,Vue......
  • 仓库种类彼此关系和maven标准目录结构
    仓库种类彼此关系图解  maven标准目录结构一个完整的项目分为四个部分核心代代码部分配置文件部分测试代码部分测试配置文件普通的项目目录结构项目名sr......
  • vue-router使用addRoute动态添加主界面的子路由
    1、需求描述从别处导出的可用前端文件,存放在系统@/views/下,不配置静态路由,当访问改菜单时,根据当前菜单的path动态向主界面(路由path:'/',name:'homePage')中添加子路由,使......