music-pc

基于vue3+vite+typescript开发的仿网易云音乐web-pc端，不使用任何UI框架，所有组件和样式均自主开发。

所有组件的文件夹命名和文件命名用大驼峰，出口文件使用index命名；
插件命名使用大驼峰，其他所有文件和文件夹均使用小驼峰；
样式通过scss编写，所有的css类名全部小写，并用-连接；
全局类型声明和静态数据类型声明在typings文件夹中，各模块对应的类型声明在各模块的typing.ts中编写；
网络请求相关封装和api接口管理、数据处理都在apis文件夹中；
工具方法统一放在utils文件夹中，再分类管理；
插件统一放在plugins文件夹中；
自定义hooks统一放在hooks文件夹中；
页面组件和业务模块组件统一放在pages文件夹中，页面组件作为容器组件，用于处理数据、逻辑和布局，业务模块组件是对应页面的UI组件，只负责UI不负责逻辑；
通用组件和其它UI组件统一放在components中；
组件内部书写顺序：
- 定义响应式数据（ref，reactive）
- 解构自定义hooks
- 定义computed
- 生命周期函数
- 其他逻辑代码
- watch和watchEffect
vuex规范：
- 每个页面模块有自己独立的vuex模块，在store文件夹中模块化管理
- state、mutations、getters、actions分离，在index中导入
- 事件类型，在actionTypes中管理

git clone https://github.com/sanjings/vue3-vite-ts-music.git

npm install pnpm -g
pnpm install

yarn dev or npm run dev

yarn build or npm run build

欢迎pr，喜欢就赏个⭐吧，谢谢支持

sanjings / music-pc Goto Github PK