https://github.com/shaodahong/vpan

A vue disk project
https://github.com/shaodahong/vpan

font-awesome javascript vue webpack yarn

Last synced: 27 days ago
JSON representation

A vue disk project

• Host: GitHub
• URL: https://github.com/shaodahong/vpan
• Owner: shaodahong
• Created: 2017-03-22T14:45:03.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T05:10:41.000Z (11 months ago)
• Last Synced: 2024-05-02T04:11:13.764Z (7 months ago)
• Topics: font-awesome, javascript, vue, webpack, yarn
• Language: CSS
• Homepage:
• Size: 38.8 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
## Vpan

> vue 一个云盘项目，采用webpack构建

![Vpan](design/home.png)

### 预期实现功能

- [ ] 文件列表

- [ ] 文件操作

- [ ] 消息推送

- [ ] 多语言

### webpack-多页面配置

#### 项目目录结构

```

    ├─dist (生产目录)

    |	└─static

    |	|  └─css

    |	|  └─images

    |	|  ├─index.hash.js

    |	|  ├─page1.hash.js

    |	|  ├─page2.hash.js

    |	|  ├─...

    |   |

    |   ├─index.html

    |   ├─page1.html

    |   ├─page2.html

    |   ├─...

    |

    └─src (开发目录)

    |   ├─assets (公用资源)

    |   │  └─css

    |   │  └─fonts

    |   │  └─images

    |   │  └─js

    |   │

    |   ├─common (公用组件)

    |   │  └─components

    |   │

    |   └─pages (多页面)

    |       └─index

    |       │  └─components

    |       │  ├─index.html

    |       │  ├─index.js

    |       │

    |       └─page1

    |          └─components

    |          ├─page1.html

    |          ├─page1.js

    |

    └─design (设计资源)

```

### 如何使用？

1. `git clone https://github.com/Redshao/Vpan.git`

2. `cd Vpan`

3. `yarn`或者`yarn install`

4. `npm run dev`之后等待控制台提示success字样

5. 浏览器打开localhost:8000

Tips: 中间步骤可能会出现莫名其妙的问题，别慌，先度娘、后谷爹，再issue