zf1832729975 / -my-music-vue-ts

我的云音乐、仿网易云音乐

个人云音乐、仿网易云音乐

Typescript + vue + axios + vuex + sass 有桌面端 electron.js 的

预览

首页

歌单详情

Project setup

yarn install

安装 electron 很容易失败，在安装的时候可以把 electron 删除掉， 值使用 web 端的

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

electron 中安装的包

yarn add -S express apicache crypto big-integer

代码规范、提交

不要分号，使用单引号，函数定义时括号前面不要空格 必须符合 eslint 规范才能提交、和 standard 规范差不多 prettier husky lint-staged eslint

项目结构

playlist 歌单 playList 播放列表

|--_vue-ts-template 模板文件
  |--index.vue Vue模板文件（typescript）
|--src
  |--api 请求
  |--assets 静态文件、
      |--css css文件存放目录
      |--img 图片文件存放目录
      |--themes 主题配置文件目录
          |--red 红色主题
              |--_varibale.scss 变量文件、
              |--element-ui.scss element-ui 样式文件
              |--index.scss 自己写的样式文件
          |--blue 蓝色主题
  |--components 公共组件目录
  |--plugins 插件目录
  |--proxy 后端代理
  |--utis 工具库
  |--views 视图（页面）
      |--album 专辑页面
      |--common 公共页面
      |--discover 发现音乐页面
          |--album 发现音乐、专辑（最新音乐、新碟上架）
          |--artist 发现音乐==>歌手
          |--djradio 发现音乐==>主播电台、dj
          |--playlist 发现音乐==>歌单
          |--recommend 发现音乐==>推荐
          |--toplist    发现音乐==>排行榜
      |--mv MV视频页面
      |--playlist 歌单详情页面
      |--song 歌曲页面、歌曲的详情
  |--App.vue
  |--background.ts electron.js 运行文件
  |--main.js Vue主入口
  |--router.ts 路由
|--.prettierrc.js  prettier 代码格式件配置文件
|--theme.config.js 主题配置文件