jialuomaadmin/README.md

<p align="center">
  <a href="https://filesite.io/" target="_blank">
    <img width="320" src="https://demo.jialuoma.cn/content/machete_icon.png">
    <br/>
    <span>filesite</span>
  </a>
</p>

<p align="center">
  <a href="https://github.com/vuejs/vue" target="_blank">
    <img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue">
  </a>
  <a href="https://github.com/ElemeFE/element" target="_blank">
    <img src="https://img.shields.io/badge/element--ui-2.7.0-brightgreen.svg" alt="element-ui">
  </a>
</p>


## 简介
[vue-file-admin](https://demo.jialuoma.cn/admin/#/filemange/index)是一个文件管理后台，基于vue，vue-router，element-ui实现。它类似于window系统的文件管理的形式管理文件，可以创建文件夹，文件夹里面可以上传各个类型的文件以及再次创建文件夹，也可以删除、重命名、移动文件或者文件夹。目前本项目只支持上传图片文件，如需上传其他文件，比如视频，文本等，可自行修改可上传的文件范围即可。 

<a href="https://demo.jialuoma.cn/admin/#/filemange/index" target="_blank">
<span>在线预览</span>
</a>


## 项目准备

你需要安装 node 和 git。项目部分设计参考vue-admin-template。技术栈vue、vuex、vue-router 、vue-cli 、axios 和 element-ui，所有的请求数据都使用[machete](https://git.filesite.io/filesite/machete)的接口数据。




<p align="center">
  <img width="900" src="https://demo.jialuoma.cn/girls/demoimg.jpeg">
</p>


## 开发

```bash
# 克隆项目
git clone https://github.com/filesite-io/admin-vue.git

# 安装依赖
npm install

# 启动服务
npm run dev
```

浏览器访问 http://localhost:9528

## 发布

```bash
# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod
```


## Online Demo

<a href="https://demo.jialuoma.cn/admin/#/filemange/index" target="_blank">
<span>在线 Demo</span>
</a>


Copyright (c) 2022 FileSite