# musicvue3ts

**Repository Path**: kang0916/musicvue3ts

## Basic Information

- **Project Name**: musicvue3ts
- **Description**: 音乐项目基于vue3 ts对之前Vue2的代码重构及升级和增加新功能及修复bug
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 32
- **Forks**: 4
- **Created**: 2021-12-11
- **Last Updated**: 2024-06-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# musicvue3ts

## 项目成果

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1605c045354a49a791423d99c921e983~tplv-k3u1fbpfcp-zoom-1.image)

**b 站视频地址:[视频演示地址](https://www.bilibili.com/video/BV1gP4y1c72k?spm_id_from=333.999.0.0)**  
**博客说明地址:[博客地址](https://juejin.cn/post/7069310852284809246)**

## 技术栈分布情况

![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c583b26539dc4cc782ac2f5862eb4e60~tplv-k3u1fbpfcp-zoom-1.image)

## 学习收获

学习此项目你将会收获

- vue3 的项目实战使用 setup 等新增语法使用以及结合 ts 对 vue3 的支持
- ElementPlus 项目实战使用 对应更新内容的调整
- 使用工程化管理项目的书写规范 提交风格等
- ts 封装 vuex 中的 mapgetters.. 封装网络请求
- vue3 封装具有更强通用性的组件以及封装组件的思想
- 如何正确的根据项目结构化来划分
- ts 的项目综合使用等...

## 项目运行

项目需要配合本地服务器来使用
下载运行项目

> git clone 项目地址  
> npm install  
> npm run prettier //第一次下载最好先格式化下代码  
> npm run serve

下载运行本地服务器
[接口地址](https://binaryify.github.io/NeteaseCloudMusicApi/#/)  
去 github 上克隆下来  
**具体步骤看上面说明，实在不会可以私聊我拿本地运行操作步骤文档**

## 项目工程化搭建

**一两句话说不清楚，需要的可以私聊我，我会将专门的文档发给你，上面有详细的步骤声明！！！**
工程化提交项目流程如下

> npm run prettier // 格式化代码  
> npm run lint // 检测语法错误  
> git add .  
> npm run commit  
> git push origin master

## 项目补充

由于一些原因，项目没有完全做完，但是大部分都完成了。之前 vue2 版本的问题也得到了修复，实在是最近太忙，自己一个人没有太多的精力来完成，希望大家见谅，大家愿意动手的话也可以在此基础上继续完善，但是希望能表明出处。  
另外一些和 vue2 那个版本差不多，大家可以参考我另一篇文章 [在这里！！！](https://juejin.cn/post/7017346351063105544)  
**求 star!!!**

## Project setup 下载依赖

```
npm install
```

### Compiles and hot-reloads for development 运行文件

```
npm run serve
```

### Compiles and minifies for production 打包文件

```
npm run build
```

### Lints and fixes files 检查修复文件错误

```
npm run lint
```

### 格式化文件

```
npm run prettier
```

### 提交代码到本地仓库

```
npm run commit
```

### 提交代码流程

```
npm run prettier
npm run lint
git add .
npm run commit
git pull origin master
git push origin master
```