# free-fs-vue3-light

**Repository Path**: bdn007/free-fs-vue3-light

## Basic Information

- **Project Name**: free-fs-vue3-light
- **Description**: 基于 Freedom/free-fs-vue 改进的 vue3+element版本的文件管理前端
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 3
- **Created**: 2025-01-03
- **Last Updated**: 2025-08-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# free-fs-vue3-light :foggy:  :zap: — 开源文件管理系统-vue3-轻量版

---

<div align="center">

[![star](https://gitee.com/bdn007/free-fs-vue3-light//badge/star.svg?theme=dark)](https://gitee.com/bdn007/free-fs-vue3-light/stargazers)
[![fork](https://gitee.com/bdn007/free-fs-vue3-light//badge/fork.svg?theme=dark)](https://gitee.com/bdn007/free-fs-vue3-light/members)
[![AUR](https://img.shields.io/badge/license-Apache%20License%202.0-blue.svg)](https://gitee.com/xddcode/free-fs/blob/master/LICENSE)

</div>

## 简介


基于 Freedom/free-fs-vue 改进的 vue3+element Plus版本的文件管理前端， 包含文件上传、删除、在线预览、资源列表查询、下载、文件移动、重命名、目录管理功能





### 友情链接🔗 特别声明
- 本版本是free-fs jq版本的[FREE-FS](https://gitee.com/xddcode/free-fs) 改造升级而来，感谢作者的开源！



### 源码链接：

- Gitee：[https://gitee.com/bdn007/free-fs-vue3-light]

### 技术栈

本项目使用以下技术栈构建：

- **前端**: Vue 3, Element Plus, Vite
- **后端**: 本仓库不囊括，使用的是开源后端 [Free-FS](https://gitee.com/xddcode/free-fs/tree/feature-vue)

### 前端依赖库
- **Vue 3**: 用于构建用户界面的渐进式框架。
- **Element Plus**: 基于 Vue 3 的流行 UI 组件库。
- **Vite**: 快速的现代前端构建工具。


### 安装指南

以下是安装和配置项目的步骤：

1. 克隆此仓库：
   ```bash
   git clone https://gitee.com/bdn007/free-fs-vue3-light.git
   ```
2. 进入项目目录：
   ```bash
   cd free-fs-vue3-light
   ```
3. 安装依赖：
   ```bash
   npm install
   ```
4. 启动开发服务器：
   ```bash
   npm run dev
   ```

### 使用说明

1. 启动项目后，打开浏览器并访问 `http://localhost:5173`。
2. 根据界面提示进行操作。

### 👀 界面预览

**主页：**  
![主页](useless/index.png)  

<br/>

**上传文件：**  
![上传文件](useless/upload.png)  

<br/>

**资源操作：**  
![资源操作](useless/fileopt.png)  

<br/>

**目录管理：**  
![目录管理](useless/mulu.png)  

<br/>


**添加文件夹：**  
![添加文件夹](useless/newfolder.png)  

<br/>

**移动文件或目录：**  
![移动文件或目录](useless/move.png)  

<br/>

**删除文件：**  
![删除文件](useless/del.png)  

<br/>

**重命名：**  
![重命名](useless/rename.png)  

<br/>


### 贡献

我们非常欢迎你的贡献！欲参与请遵循以下步骤：

1. Fork 这个仓库
2. 创建你的特性分支：
   ```bash
   git checkout -b feature/你的特性
   ```
3. 提交你的更改：
   ```bash
   git commit -m '添加一些功能'
   ```
4. 推送到分支：
   ```bash
   git push origin feature/你的特性
   ```
5. 创建一个新的 Pull Request

### 许可证

该项目采用 [ Apache-2.0 许可证](LICENSE) 进行授权 — 详情请参见许可证文件。

### 联系我们

如果你有任何问题或建议，请联系：

- 姓名: 冰山闪电
- 邮箱: 44787467616@qq.com
- gitee: [BDN007](https://gitee.com/bdn007)
- 微信:

 ![微信](/useless/wechat.jpg)

## ❤ 捐赠支持
如果你认为free-fs-light项目可以为你提供帮助，或者给你带来方便和灵感，或者你认同这个项目，可以给[FREE-FS](https://gitee.com/xddcode/free-fs)的作者赞助一下，又或者给我赞助一下，以下是请我喝咖啡的收款码！
<br/>
![coffeeMoney](/useless/coffeeMoney.jpg)



```