整理Vue项目的目录结构

最新推荐文章于 2023-04-02 19:16:41 发布
最新推荐文章于 2023-04-02 19:16:41 发布
阅读量285 收藏 1
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44064730/article/details/102864123
版权

Vue项目的整体结构

包含以下文件夹或文件
  • -node-modules 依赖文件
  • -public 基本文件，包含页面 图片 小图标
  • -src 项目主场
  • -tests 测试
  • editorconfig 编辑器配置文件
  • gitignore git忽略文件
  • bable.config.js bable配置文件
  • cypress.json 插件
  • package.json 描述文件
Src目录结构
  • -assets 静态资源文件
  • -components 自定义的组件
  • -router 路由文件
  • -store 状态管理器
  • -views 页面组件
  • App.vue 入口页面结构
  • main.js 入口文件
手把手学习Vue3.0：Vue3.0工程目录结构介绍
帅哥趣谈
02-27 464
目录 背景 目录结构 总览 ​ 1.dist目录：用于存放使用npm run build命令打包的项目文件。 2.node_modules：存放项目的各种依赖 3.public： 4.src：是存放各种vue文件的地方 5.gitignore： 6.babel.config.js： 7.package.json： 背景 工程目录结构弄清楚，就为后面的编码打下良好的基础。知道每一个目录和文件的作用，我们才好控制。整理本篇文章，希望刚开始学习Vue的小伙伴能从中受益，打牢基本功...
Vue 学习笔记（4）Vue-cli4 项目搭建 + 目录结构 + 项目打包、部署
最新发布
2401_84435739的博客
04-29 772
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】JavaScript性能linux。
目录结构分析
qq_45844654的博客
03-30 583
一、app 包含Controller、Model、路由等在内的应用目录，大部分业务将在该目录下进行 （1）Console 命令行程序目录 Commands 包含了用于命令行执行的类，可在该目录下自定义类 Kernel.php 命令调用内核文件，包含commands变量(命令清单，自定义的命令需加入到这里)和schedule方法(用于任务调度，即定时任务) Events 事件目录 （2）Except...
Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构
AndyLizh的专栏
02-27 1051
Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构 目录索引 《Vue2+VueRouter2+webpack 构建项目实战（一）准备工作》 《Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构》 《Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先》 《Vue2+Vu
Vue2在实际项目中的应用——项目目录结构概览
Challenge Next Challenge
05-08 1019
项目采用的是Vue2+Webpack2，分成了几个项目：一个通用的library项目，里面是一些公用的组件；一个是平台项目，会build出来三个端，每个端不同角色的用户会登陆各自的平台。 下面先看一下library项目结构： 其中： components目录是通用的组件封装，比如表格之类的 directives目录是一些指令，比如最大化对话框等 filters目录是过滤器，比如时间格...
vue项目目录结构
weixin_43996061的博客
01-04 174
VUE项目目录结构介绍
柳牧之的博客
10-25 842
VUE项目目录结构介绍 build目录是一些webpack的文件，配置参数什么的，一般不用动 config是vue项目的基本配置文件 node_modules是项目中安装的依赖模块 src源码文件夹，基本上文件都应该放在这里。 —assets 资源文件夹，里面放一些静态资源 —components这里放的都是各个组件文件 —App.vue App.vue组件 —main.js入口文件 static...
Vue项目目录结构与开发流程指南
该文档主要介绍了Vue项目开发过程中的几个关键步骤和命令，包括如何进行项目设置、安装依赖、编译和热重装开发、编译并最小化生产、整理和修复文件以及自定义配置。" 知识点: 1. Vue项目设置：在Vue项目中，首先...
vue目录结构梳理(详细 图文混排)
weixin_48594741的博客
07-01 1380
目录结构梳理 用idea或VS code打开创建的项目，我们看到的目录结构如图所示我们将删除不需要的文件以目录结构整洁 我们将直接删除compoents目录和views目录中的About.vue，(因为用不到)。删除完毕后的目录结构如下图所示，此时再回到浏览器的GUI界面，我们会发现，编译报错。所以我们还得去整理并删除相关文件中的无用内容 先来整理router/index.js文件，因为我们刚才把views/About.vue删除掉了。再次文件中仍有导入，所以要把相关导入（下图蓝色部分）直接删除掉。这样
Vue3 入门笔记 ---- 创建Vue3项目和目录结构解释
panzhixiang
10-17 1365
Vue3入门
Vue的目录结构
起小点
03-04 1243
Vue.js中的目录结构 目录解析 目录文件 说明 build 内容项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： 1. assets: 放置一些...
vue项目结构
maggie
04-02 151
项目代码结构介绍 package.json 里面有很多的依赖包，表示在开发这个项目的时候用到的第三方依赖。 LICENSE 开源协议说明。 index.html 项目首页默认的模板文件。 .postcssrc.js postcss 的默认配置项。 .gitignore 在把代码上传到线上的时候希望忽略一些文件，比如 node_modules 等目录文件。 .eslintrc.js 对代码进行检测，...
vue 项目结构
qq_52693197的博客
05-06 6896
作为一个新手当我们拿到一个新的项目的时候，常常不太清楚它的项目结构就很头痛，今天我给大家梳理一下vue的项目结构： node_modules文件：项目依赖文件夹 public文件夹：一般放置一些静态的资源(图片），需要注意的是放在public文件中的静态资源webpack进行打包的时候，会原封不动的打包到dist文件夹中 src文件夹(程序员自己代码放置的地方) assets文件夹：一般也是放置一些静态的资源(一般放置多个组件的静态资源)，需要注意的是放置在assets文件夹里面的资源在webpac.
【VueJs】项目目录结构说明
酒十六
10-28 420
├── README.md // 项目说明文档 ├── node_modules // 项目依赖包文件夹 ├── build // 编译配置文件，一般不用管 │ ├── build.js │ ├── check-versions.js │ ├── dev...
Vue项目结构
weixin_35749440的博客
01-09 609
Vue 项目的结构可以比较灵活，但通常情况下会包含以下几个部分： public 目录：这个目录包含项目的静态资源文件，例如 index.html，图片等。 src 目录：这个目录包含项目的源代码。 src/main.js：这个文件是项目的入口文件，用于初始化 Vue 应用。 src/router 目录：这个目录包含项目的路由配置文件。 src/components 目录：这个目录包含项目...
vue 项目结构介绍
qq_41764472的博客
04-02 525
node_modules：存放所有通过 npm 安装的依赖库。 public：包含了项目的静态资源，例如 index.html、图片、图标等。 src：包含了项目的源码。 assets：存放静态资源，例如图片、样式文件等。 components：存放 Vue 组件。 router：存放 Vue Router 相关的配置文件。 store：存放 Vuex 相关的配置文件。 views：存放页面组件。 App.vue：整个应用的根组件。 main.js：应用的入口文件。 .gitignore：Git 版本控制忽
深入理解Vue-cli搭建项目后的目录结构探秘
bluedandelion的博客
06-12 881
一、前言这里先说一下使用vue-cli之前的事情。由于刚刚接触Vue不久，就接到了一个移动端项目，于是打算使用vue来进行一次尝试，所以按照练习时候的样子，emmm先把vue.js引入网页里来，emmm自己的外联main.css样式引进来，还有自己的main.js文件，还有一些图片布拉布拉的，所以我整个项目的结构如下：（捂脸）?1234567├── css ├── images ├── index...
大白话讲解Vue项目结构
我与代码的故事
03-06 1018
一：讲解环境 Win10、IDEA2019、Vue3 二：讲解环节 笔者用vue ui创建了一个vue的初始项目。 项目结构如下： — node_modules作用：整个项目里用到的依赖的文件。 — public作用：公用的目录。 — src作用：项目的源码目录。 — assert作用：专门放资源的文件目录。 — components作用：组件目录。 — router作用：路由的目录。 — views作用：页面目录。 — App.vue作用：Vue项目的主组件，页面入口文件，所有页面都在App.vue下进
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值