当前位置：首页 > news >正文

项目练习：若依-前端项目的目录结构介绍

news 文章来源：https://blog.csdn.net/Brave_heart4pzj/article/details/144588434 2025/5/2 4:01:08

文章目录

一、目录截图

在这里插入图片描述

二、目录讲解

1、首先，我们可以看到，这个VUE项目，只有一个App.vue，所以，它是一个单页面系统。
这个App.vue是根组件，root组件。

2、public目录
在Vue 3.0中，public文件夹主要用于存放静态资源，例如公共图片、图标、字体等，这些资源在构建项目时不会被Webpack处理。

3、src/api
封装了一些向后台请求的接口js文件

4、src/assets
静态资源

5、src/components
组件

6、src/directive
自定义指令

7、src/layout
页面布局

8、src/plugins
插件

9、src/router
路由

10、src/store
vuex，组件间通信

11、src/utils
工具类

12、src/views
视图页面

13、src/main.js
程序入口文件

14、package.json
打包命令，导包坐标等

15、vue.config.js
配置文件，向代理，打包相关的配置都在这里面

16、env.x
环境变量相关：开发，生产，测试
在这里插入图片描述

打包命令：npm run build:prod
打包的具体命令，看package.json文件

我们自己开发的时候，可以参考这种目录结构的设计思路。

项目练习：若依-前端项目的目录结构介绍

文章目录一、目录截图二、目录讲解一、目录截图二、目录讲解 1、首先，我们可以看到，这个VUE项目，只有一个App.vue，所以，它是一个单页面系统。这个App.vue是根组件，root组件。 2、public目录在Vue 3.…...

编程日记 2024/12/20 23:13:15

知网研学 | 知网文献（CAJ+PDF）批量下载

知网文献（CAJPDF）批量下载一、知网研学安装二、插件及脚本安装三、CAJ批量下载四、脚本下载及PDF批量下载浏览器取消拦截窗口一、知网研学安装批量下载知网文件，格式为es6文件，需使用知网研学软件打开，故需先安装该…...

编程日记 2024/12/20 23:10:12

设计模式期末复习

一、设计模式的概念以及分类二、设计模式的主题和意图三、面向对象程序设计原则，记住名字，还要理解它的使用场景以及如何用？ 四、松耦合、紧耦合、强关联、弱关联、静态复用、动态复用的概念，还有静态委派，动态委…...

编程日记 2024/12/20 23:09:09

1.安装nginx 安装依赖 yum -y install gcc gcc-c wget automake autoconf libtool libxml2-devel libxslt-devel perl-devel perl-ExtUtils-Embed pcre-devel openssl openssl-devel 创建一个不能登录的nginx运行用户 groupadd www-data useradd -s /sbin/nologin -g www-d…...

编程日记 2024/12/20 23:08:07

linux CentOS系统上卸载docker

一、停止Docker服务首先，需要停止Docker服务。使用systemctl命令来停止Docker服务： bash复制代码sudo systemctl stop docker二、卸载Docker软件包接下来，使用CentOS的包管理器yum来卸载Docker软件包。根据安装的Docker版本和组件&#…...

编程日记 2024/12/20 23:04:04

css中相对定位的应用场景

元素位置微调文本与图标组合微调：在网页设计中，经常会有文本和图标的组合，比如一个带有搜索图标的搜索框。可以使用相对定位来微调图标在搜索框内的位置。例如，有以下HTML结构： <input type"text" class…...

编程日记 2024/12/20 23:03:03

Android 获取屏幕物理尺寸

注：编译 sdk 需要使用 30 因为引入了 WindowMetrics、uild.VERSION_CODES.R 新 sdk 才存在的类和属性某些场景处理 view ，对 view 显示的位置要求比较精确，通常我们使用context.getResources().getDisplayMetrics().widthPixels 获取到的宽、…...

编程日记 2024/12/20 22:58:58

C缺陷与陷阱 — 8 编译与链接

目录 1 程序的编译过程 2 动态链接的优缺点 2.1 动态链接的优点 2.2 动态链接的缺点 2.3 只使用动态链接 3 函数库链接的5个特殊秘密 4 警惕Interpositioning 5 产生链接器报告文件 1 程序的编译过程程序的编译过程是将源代码转换成计算机可以执行的机器代码的过程。…...

编程日记 2024/12/20 22:56:57

知识分享第三十天-力扣343.(整数拆分)

343 整数拆分给定一个正整数 n，将其拆分为至少两个正整数的和，并使这些整数的乘积最大化。返回你可以获得的最大乘积。示例 1: 输入: 2 输出: 1 解释: 2 1 1, 1 1 1。示例 2: 输入: 10 输出: 36 解释: 10 3 3 4, 3 3 4 36。说明: 你可…...

编程日记 2024/12/20 22:52:54

Springboot 整合DL4J 打造智能写作助手（文本生成）

项目准备环境要求: Java 1.8或以上 Maven 或 Gradle（用于项目管理） Spring Boot框架 DL4J库（DeepLearning4J） 创建 Spring Boot 项目使用 Spring Initializr 来生成一个新的 Spring Boot 项目。选择合适的依赖，例如…...

编程日记 2024/12/20 22:50:51

SPL06 基于stm32F103 HAL库驱动（软件模拟IIC）

talk is cheap, show you my code SPL06.c #include "SPL06.h"//*************全局变量*************// Factor_List* b_list; //存储过采样率对应的系数KP，KT COEF_ValueStruct Coefficient { 0 }; //存储校准系数…...

编程日记 2024/12/20 22:41:42

【C#】List求并集、交集、差集

值类型List List<int> intList1 new List<int>() { 1, 2, 3 };List<int> intList2 new List<int>() { 3, 4, 5 };var result intList1.Union(intList2);Console.WriteLine($"并 {string.Join(,,result)}");result intList1.Intersect(in…...

编程日记 2024/12/20 22:40:41

YOLOv8目标检测——详细记录使用ONNX Runtime进行推理部署C++/Python实现

概述在之前博客中有介绍YOLOv8从环境安装到训练的完整过程，本节主要介绍ONNX Runtime的原理以及使用其进行推理加速，使用Python、C两种编程语言来实现。 https://blog.csdn.net/MariLN/article/details/143924548?spm1001.2014.3001.5501 1. ONNX Ru…...

编程日记 2024/12/20 22:35:36

mfc140u.dll是什么文件？如何解决mfc140u.dll丢失的相关问题

遇到“mfc140u.dll文件丢失”的错误通常影响应用程序的运行，这个问题主要出现在使用Microsoft Visual C环境开发的软件中。mfc140u.dll是一个重要的系统文件，如果它丢失或损坏，会导致相关程序无法启动。本文将简要介绍几种快速有效的方法来恢…...

编程日记 2024/12/20 22:33:34

Redis篇-19--运维篇1-主从复制（主从复制，读写分离，配置实现，实战案例）

1、概述 Redis的主从复制（Master-Slave Replication）是一种数据冗余机制，它允许将一台Redis服务器的数据复制到其他Redis服务器。在主从复制中，有一台主服务器（Master）和一个或多个从服务器（Sl…...

编程日记 2024/12/20 22:32:34

【Elasticsearch入门到落地】4、Elasticsearch的安装

接上篇《3、es与mysql的概念对比》上一篇我们学习了Elasticsearch与Mysql的概念与区别。本篇我们来进行Elasticsearch的环境准备及软件安装。一、环境准备如果我们没有自己的Linux服务器，且现在正在使用的是Windows操作系统的电脑，那么首先我们需要安…...

编程日记 2024/12/20 22:27:28

计算无人机俯拍图像的地面采样距离（GSD）矩阵

引言在无人机遥感、测绘和精细农业等领域，地面采样距离（Ground Sampling Distance，简称 GSD）是一个非常重要的指标。GSD 是指图像中每个像素在地面上实际代表的物理距离，通常以米或厘米为单位。GSD 决定了图像的空间…...

编程日记 2024/12/20 22:23:25

牛客网 SQL37查找多列排序

SQL37查找多列排序 select device_id,gpa,age from user_profile order by gpa asc,age asc#select [字段1,字段2] from [表名] order by [字段1] [升序(asc)/降序(desc)],[字段2] [升序(asc)/降序(desc)] #select：查询 #order by 排序每日问题如何处理对象的状…...

编程日记 2024/12/20 22:15:17

el-tabs标签过多

tab-position：top情况 .el-tabs__nav-wrap{overflow-x: auto ;width: 86% ;margin-left: 10px ; } 效果： tab-position：left情况 .el-tabs__nav-wrap{overflow-x: auto ;height: 高度 ;margin-top: 10px ; } 效果： 注意&…...

编程日记 2024/12/20 22:14:15