1 Star 13 Fork 6

trtst / Vue3网易云音乐项目实战教程

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

前言

hello,大家好,我是怀旧的文学小青年。今天我为大家带来Vue3全家桶项目实战的教程,本教程主要是使用 vite 来创建一个vue3项目,结合 componsition API 的使用,目的是让从未接触过vue3的同学上手体验一下。希望大家能够喜欢!

关于网易云音乐我以前分别用vue2.x以及vue3.x各写过一版,大致上实现了网易云音乐的一些基础功能,目前代码都已开源,参考《基于网易云音乐API实现PC端音乐网站》、《Vue3.x 网易云音乐_PC音乐播放器》。我不是大佬,整个项目写的有可能会比较臃肿、抑或有不对的地方,有问题可以随时留言一起探讨!如果觉得对您有帮助,您可以给个三连击,抑或给个 star 支持一下,十分感谢!

这是一个系列的图文教程,我会努力持续更新该教程,第一次写系列教程,写的感觉好像有些啰嗦,hh,希望能够坚持下去,大家多多鼓励一下哈!即将上线,持续更新中......

项目介绍

适宜人群

因为该教程是项目的实战,所以我就不在这个教程中去讲解vue相关的基础知识,默认大家都是有一定的vue及JS基础。如果不懂的,可以事先去补习一下基础理论,然后再回头看本实战教程。

项目目录

├── node_modules      // npm依赖包
├── dist              // 项目build后的文件
├── public            // 
├── src               // 静态资源文件
   ├── apis          // axios 封装及接口请求地址
   ├── assets        // 公共资源静态文件
   ├── components    // 公共组件
   ├── router        // 路由
   ├── store         // vue的状态管理
   ├── utils         // 封装的工具
   ├── views         // 项目的主要页面
   ├── App.vue       // vue项目的主组件
   └── main.js       // vue项目的主JS文件
├── .gitignore       // gitignore忽略文件
├── index.html       // vite入口文件
├── package.json     // node包管理文件
├── README.md        // 描述文件
└── vite.config.js   // vite的配置文件

技术栈

vite + vue3.x + vue-router4.x + Pinia + element-plus + axio + less + swiper

项目效果预览及源码

页面效果我就不展示出来了,在git上都有展出,可以下载下来运行。

哔哩哔哩

线上Demo预览

gitee 2.x

gitee 3.x

MIT License Copyright (c) 2022 trtst Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

hello,大家好,我是怀旧的文学小青年。今天我为大家带来Vue3项目实战的教程,本教程主要是使用 vite 来创建一个vue3项目,结合 componsition API 的使用,目的是让从未接触过vue3的同学上手体验一下。希望大家能够喜欢! 即将上线,持续更新中...... 展开 收起
JavaScript 等 5 种语言
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/trtst/vue3_music.git
git@gitee.com:trtst/vue3_music.git
trtst
vue3_music
Vue3网易云音乐项目实战教程
master

搜索帮助