Skip to content
/ chiko_music Public template

基于TypeScript+Vue3.0的音乐网站,数据来自网易云接口,想要学习的看过来,喜欢此项目的,请留下你的小星星!

Notifications You must be signed in to change notification settings

chen-ziwen/chiko_music

Repository files navigation

数据来源

NeteaseCloudMusicApi

预览地址

千子音乐

部分截图展示

首页

image

排行榜

image

歌单

image

歌手

image image

MV

image image image

目录结构

chiko_music
├── dist
│   └── assets
│       └── images
│           ├── singer
│           └── test
├── public
│   └── assets
│       └── images
│           ├── singer
│           └── test
└── src
    ├── api
    │   └── http
    ├── assets
    │   ├── css
    │   ├── font
    │   │   └── fonticon
    │   ├── image
    │   ├── scss
    │   └── ts
    ├── components
    │   ├── common
    │   │   ├── loading
    │   │   └── svgIcon
    │   │       └── svg
    │   ├── discover-music
    │   ├── home-page
    │   ├── lyric
    │   ├── mv
    │   ├── new-disc
    │   ├── progress-bar
    │   ├── rank
    │   ├── search
    │   ├── singer
    │   └── song-sheet
    ├── directives
    ├── models
    ├── router                        
    ├── store
    ├── util
    └── views
        ├── discover-music
        ├── home-page
        ├── mv
        ├── rank
        ├── search
        ├── singer
        └── song-sheet

安装运行

$ git clone git@github.com:chen-ziwen/NeteaseCloudMusicApi.git
$ cd NeteaseCloudMusicApi
$ npm install
$ node app.js // 运行接口服务器 运行成功才能拿到数据
$ git clone git@github.com:chen-ziwen/chiko_music.git
$ cd chiko_music
$ npm install
$ npm start

打包上线

$  npm run build // vue前端编译成dist,将nodejs项目和dist分别部署到自己的服务器上

About

基于TypeScript+Vue3.0的音乐网站,数据来自网易云接口,想要学习的看过来,喜欢此项目的,请留下你的小星星!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published