# vant-music

**Repository Path**: coder128/vant-music

## Basic Information

- **Project Name**: vant-music
- **Description**: 基于vue3 + vite + vant 框架写的音乐播放器
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-09
- **Last Updated**: 2021-11-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue音乐播放器
> 基于Vue3 + vite 以及vant3 ui框架进行开发，项目中大量的地方用到了Vue3的``CompositionApi`` 进行开发

> 因为vue3兼容vue2的api，所以这个项目只是用于演示vue3的内容，极大部分地方使用了``setup``，因为这个项目只用于移动端，所以暂未适配pc屏幕，pc可以在开发者工具中使用手机模式查看。

> 关于移动端性能，移动端的js不能运行太大量的计算，本身移动端的js运行速度不是很快。比不上pc的浏览器运行速度，所以移动端在配置不强的机器运行此项目，很容易卡顿

## 项目预览
> 此项目以及部署在腾讯云服务器中，可以通过公网ip进行访问

> ``Web端`` [http://1.116.250.5:5000](http://1.116.250.5:5000)

> ``Android端`` [Music.apk(debug版)](https://6170-app-382b5b-1256150027.tcb.qcloud.la/app-release.apk?sign=942589354395ffbe64dd580a7c055553&t=1626517137)

## 安装
> 如其他vue程序一样，可以通过npm或者yarn安装

> ``npm`` 
```shell
npm install
```
> ``yarn`` 
```shell
yarn install
```

## 运行
> 此项目和vue2程序一样，可以通过``npm run serve``来运行一个服务器
> 但是这个服务器，并不是开发服务器，是一个预览的服务器
### 运行一个开发服务器
> 用于开发的服务器，保存自动刷新浏览器，拥有报错提示等功能

> ``npm``
```shell
npm run dev
```
> ``yarn``
```shell
yarn dev
```
### 

### 运行一个生产服务器
> 用于预览整体项目

> ``npm``
```shell
npm run serve
```
> ``yarn``
```shell
yarn serve
```
### 

### 编译代码
> 用于编译代码

> ``npm``
```shell
npm run build
```
> ``yarn``
```shell
yarn run build
```