Vue学习-1（3）目录结构说明

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 100+累计阅读 136平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄6年

关注

原创最新推荐文章于 2026-10-05 11:56:45 发布 136 阅读 AI 写同款· GEO 优化 ›

VUE3项目目录结构介绍目录/文件说明存放项目的所有依赖包，由 npm 或 yarn 自动生成和管理。public/静态文件目录，里面的文件不会被 Webpack 处理，最终会原样复制到打包目录下。网站的图标。应用的主 HTML 文件，Vue CLI 会在构建时自动注入生成的静态资源链接。src/源代码目录，存放应用的主要代码。存放静态资源，如图像、字体等。这些文件会由 Webpack 处理，可以通过相对路径引用。示例图像文件。存放 Vue 组件，每个组件都是一个独立的.vue文件。默认生成的示例组件。src/views/ 阅读详情

收录于

vue学习

当前文章被收录于：

vue学习

18 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

【Vue3 + Vite】Vite搭建项目解构 Vue快速学习第一期 vue3+vite项目搭建，安装启动停止，项目目录解构，组件说明，CSS导入方式，Vue3实现计数器.... 阅读详情

相关推荐

Vue-Cli - Vue 脚手架的创建以及目录结构说明

f）这个问你是否进行单词校验，校验出错会有红色波浪线. 这里不需要，因为你可能会写很多特殊字符，因此输入 n 回车即可.之后他就会去构建项目了，如果此时出现了如下错误，说明你权限不够，要使用管理员的方式打开命令行，再执行上述步骤.b）接下来会问你项目描述是否叫（默认）："A Vue.js project". 如果不想改，直接回车即可.d）接下来会问你，是否采用运行 + 编译的方式，实际上就是是否要热部署的意思，直接回车即可.h）接下来问你是否要使用 npm 来管理项目，这个肯定是需要的，直接回车即可.

CYK_byte的博客 3563

解读vue生成的文件目录结构

利用node和npm环境我们可以很快的搭建一个vue环境。具体步骤，请看上一篇博客。搭建完成后，我们可以看到生成的文件夹中包括如下文件： 1、build文件夹是保存一些webpack的初始化配置。config文件夹保存一些项目初始化的配置。 2、node_modules是npm加载的项目依赖的模块。 3、src目录是我们要开发的目录，打开是这样的：

u012317188的专栏 2万+

告别反复格式化！用Ventoy制作2025年终极启动盘，Windows/Linux/macOS一网打尽

本文详细介绍了如何使用Ventoy制作2025年终极多系统启动盘，彻底告别反复格式化U盘的烦恼。Ventoy通过创新的引导加载器架构，允许用户在一个U盘内同时存放并直接启动Windows、Linux、macOS等多种系统镜像和WePE等维护工具，实现真正的非破坏性管理和极高的U盘利用率。文章涵盖从安装配置、镜像库构建到安全启动设置等全流程实战指南。

weixin_29280219的博客 242

vue-cli 项目结构目录简介

上一篇文章介绍了怎样使用vue-cli搭建一个项目，那么这篇来大致的介绍一下整个项目的目录。首先来看一下整个结构目录接下来从上到下的看一下每个文件以及文件是干嘛的 build 文件夹及子目录这里面是一些webpack的配置，主要用于项目打包时的一些设置。这里不去更详细的深入，相关的文件及配置会在后面用到时在详细的介绍。 config 文件及子目录...

chao2458的博客 1万+

最大似然估计、梯度下降、EM算法、坐标上升

主要讲解的是机器学习中参数学习算法之间的区别，以及应用的场景。最大似然估计：其中目标函数是对数似然函数。为了求目标函数取最大值时的theta。有两个关机键步骤，第一个是对目标函数进行求导，第二个是另导数等于0，求解后直接得到最优theta。两个步骤缺一不可。梯度下降：对目标函数进行求导，利用导函数提供的梯度信息，使参数往梯度下降最快的方向移动一小步，来更新参数。为什

tzl2093的博客 5141

数字后端DRC Violation定位与自动化修复：Innovus与Calibre协同实战

设计规则检查（DRC）是芯片tapeout前确保版图可制造性的关键验证环节。在数字后端流程中，Calibre作为signoff级物理验证工具，会依据代工厂SVRF规则文件对GDS进行严格几何检查；而Innovus则提供快速迭代的in-design DRC反馈。两者协同成为工程师定位violation、保障流片成功的主流工作流。面对成千上万条DRC violation，高效的定位与分类思路、跨工具映射技巧，以及基于Tcl脚本的自动化修复方法，能大幅缩短物理验证周期。本文从DRC的分层定位出发，结合Innovu

weixin_29185167的博客 336

Vue.js系列之项目结构说明（2）

说明：我们项目现在用的是：vue2.0 + vue-cli + webpack + vue-router2.0 + vue-resource1.0.3 如果大家在实践的过程中与本文所说的内容有较大区别的话看看是不是版本问题。本文是一系列文章，在我对Vue有了更深刻的理解认识之后会对文章及时进行修改或更正。欢迎大家批评指出错误。以下是已完成的文章列表。 1.Vue.js系列之项目搭建（

前端向朔 3万+

飞塔防火墙和paloalto防火墙构建ipsec

一、配置fortigate防火墙1.防火墙配置上网功能1.1配置fortigate的wan1接口IP为100.100.100.2/24VLAN交换internal，IP地址为192.168.156.99/24。开启DHCP分配IP地址范围为192.168.156.110-192.168.156.2101.2配置访问互联网的缺省路由1.3配置访问互联网的安全策略2.配置与Paloalto防火墙的IPSECVPN。

weixin_44675999的博客 3740

vue3项目目录结构

一、vue3项目的目录结构详解 node_modules：通过 npm install 下载安装的项目依赖包 public：存放静态资源公共资源，不会被压缩合并 —3DModel：存放.glb3D模型 —favicon.ico：网站图标 —index.html：首页入口.html文件 src：项目开发主要文件夹 —api —assets：静态文件，存放图片 —components：存放组件 —store：与vuex相关 —styles：存放样式 —utils —views：界面组件 —App.vue：根组件

weixin_48327767的博客 1万+

智能车图像处理11-进阶篇3--中线累积差值的统计

中线累积差值的统计在后面判断小S，以及长直道的时候都有用到，关键点在于中线的跳变第12 - 13 行:comulants1 和comlants2代表的是两种不同的累差，取的行数不同第14-17 行:comulants2取6到25行，其实就是My_Abs(LCenter[i], LCenter[i - 1])的累加第18-21 行:comulants1去第1到40行第27- 行: 计算了一下右线的开始于最终结束行，这里判断R_black是否为0，是和中线的提取中g

taiyuezyh的博客 3830

PLC模糊控制模糊PID(梯形图实现+算法分析)

博途PLC的模糊PID控制详细内容请查看下面的博客文章：Matlab仿真+博途PLC模糊PID控制完整SCL源代码参考（带模糊和普通PID切换功能）_博途怎么实现模糊pid_RXXW_Dor的博客-优快云博客模糊PID的其它相关数学基础，理论知识大家可以参看专栏的其它文章，这里不再赘述，本文就双容水箱的模糊PID问题做详细讲解(包括所有源代码和模糊规则设置参数)。

RXXW_Dor的博客 5885

Vue3 学习笔记（三）Vue3 项目打包及目录结构说明

该目录一般包含 index.html 文件及 assets 目录，assets 目录包含了静态文件 js、css 以及图片目录 images（如果有图片的话）。当我们准备将应用发布到生产环境时，就需要打包 Vue 项目。执行完成后，会在 Vue 项目下会生成一个。

w风雨无阻w的专栏 3373

数据分享：中国历年省、市、县行政区划shp（1949~2023年共计75年）

中华人民共和国县级以上行政区沿革》（三册，1949-1983年）“The Atlas of Changes of Administrative Regions of China”;《中华人民共和国行政区划沿革地图集》The yearly publications of “The Administrative Regions”, 1985-2014;每年的出版行政区划简册（1985-2014年）行政区划网：www.xzqh.org。行政区划网：www.xzqh.org。

J_Giser的博客 3697

【Vue3】工程创建及目录说明

本文介绍如何创建 Vue3 前端工程，并对自动创建的工程目录做个简单说明。

又言又语 1495

Qt CEF融合技QCefView使用教程

如果从事C++客户端开发，对CEF应该不陌生，当C++界面需要和web交互时，CEF是很好的解决方案，当然Qt也提供了QWebEngineView来进行web交互，最近在万兴喵影的安装目录看到了QCefView.dll，之前也听说过这个库，没在意，没想到还真有人用到项目里面，于是决定自己编译写个demo看看......

琅嬛福地 1万+

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版【x86|x64】

Vue项目目录结构说明

vue项目结构图简单介绍目录结构 build目录是一些webpack的文件，配置参数什么的，一般不用动 config是vue项目的基本配置文件 node_modules是项目中安装的依赖模块 src源码文件夹，基本上文件都应该放在这里。 —assets 资源文件夹，里面放一些静态资源 —components这里放的都是各个组件文件 —App.vue App.vue...

波爷的博客 3057

efm32 入门.pdf

本PDF共计22页，介绍的是操作驱动API，下载与否自己斟酌。

【Vue学习总结】3. Vue目录结构分析

接上篇《2.Vue环境搭建、运行第一个项目》上一篇我们主要讲解了Vue的环境的搭建，本篇我们主要来分析项目的目录结构以及Vue的基础语法。一、Vue项目文件目录详情介绍下面就是上一篇我们搭建的一个样例工程的完整结构（install后）：其中包括了node_modules、build、config、src、static以及test文件夹，还有index.html的超文本文件，和package.json以及package-lock.json的json文本文件，还有一个markdown的文本文件。

程序猿之洞 3382

汉书HE8，好用的汇编代码编写工具

汉书HE8，好用的汇编代码编写工具早期编写汇编代码所用功能强大

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

Vue项目目录结构介绍（三）

本章我们会对一个 Vue 项目的目录结构进行讲解，解释各子目录以及文件的作用，前端的模块化，Vue 单文件组件规范等。

d2235405415的博客 1万+

Vue3 源码目录结构

本文主要介绍Vue3源码目录结构，给出了Vue主要模块的依赖关系及相关模块作用的简单介绍。

q1003675852的博客 1124

Vue3 目录结构

合理的目录结构是 Vue3 项目成功的关键之一。通过遵循上述目录结构和最佳实践，可以确保项目的可维护性和扩展性。当然，根据项目的具体需求和团队的习惯，目录结构可以进行适当的调整。

xyq2024的博客 848

Vue的目录结构

Vue.js中的目录结构目录解析目录文件说明 build 内容项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： 1. assets: 放置一些...

起小点 1299

Vue3 目录结构到底是干什么的？

想象一下，你正在整理你的玩具箱。为了方便找到每个玩具，你会把它们分类存放：积木放在一个盒子里，小汽车放在另一个盒子里，书放在书架上。在 Vue 项目中，目录结构就像是这个玩具箱，它帮助我们将代码文件分类存放，使项目更加有条理和易于管理。组织代码：将不同类型的文件（如组件、样式、配置等）放在不同的文件夹中。提高可读性：让其他开发者更容易理解和查找代码。便于维护：当项目变大时，良好的结构使得添加新功能或修复问题更加容易。Vue 3 的目录结构是为了帮助我们更好地组织和管理代码。

长风破浪会有时的博客 432

Vue-Cli 4.x目录结构学习总结

Vue-Cli 4.x目录结构学习总结说明一、目录结构二、项目执行顺序详解（1）main.js（2）App.vue三、总结说明更新时间：2020/7/15 10:52，更新了整体内容 Vue-Cli个人感觉对新手并不友好，本人在学习的过程的真的学得一脸懵逼，尤其是它的目录结构，现在在此做个学习记录。本文会持续更新，不断地扩充本文仅为记录学习轨迹，如有侵权,联系删除一、目录结构这里直接给出Vue-Cli 4.x的目录结构，为什么要强调4.x，因为它的目录结构跟3或者2还是有些区别，下面可以具体看一下

最强菜鸟 3044

前端Vue3项目目录结构详解

【代码】前端Vue3项目目录结构详解。

2301_76210107的博客 1169

认识vue3.0项目的目录结构

上一篇笔记新建一个vue3.0项目新建项目后，用vscode打开，会看到项目目录，如下图来看看我们新建的项目里有哪些内容 node_modules npm 加载的项目依赖模块 public 用于存放静态资源，不会被压缩、合并 src 主要开发内容都在这个文件夹下，包含以下几项： ① assets：存放图片、logo ②components:：存放组件 ③ router：存放路由（路由用于界面之间跳转） ④ store：仓库...

m0_61472704的博客 3234

Vue目录结构和主要文件说明