前一阵子学习了微信小程序，为了巩固所学的知识和提高实战经验，决定自己手撸一款小程序。因为听歌一直在用网易云音乐，所以突发奇想就做一款仿网易云音乐的小程序吧！开发中遇到了很多在学习中没有遇到过的坑，也很感谢在我改不出BUG时给予帮助的老师同学！本着学习和分享的目的，写下以下的文字…

非常感谢王红元老师的React核心技术实战让我学习到很多 React 的知识。

该项目使用原生小程序组件化开发打造小程序前端部分，使用小程序云开发打造小程序后端部分，实现触发器定时更新歌单(接口获取)，播放歌曲，歌词，进度条，博客等功能，通过后台管理系统访问云开发资源实现对项目中数据及文件的管理。

UI 界面参考了网易云音乐以及自己的改版。 灵感来自己黄轶老师的vue-music课程，不过老师使用的是qq音乐的接口，而这个是使用的网易云音乐真实的接口。 由Binaryify提供的 NeteaseCloudMusicApi。 通过学习开发一个 Vue 全家桶项目，更加熟悉了…

项目代码地址Gitee项目效果视频哔哩哔哩介绍初学vue后然后写的第一个项目《 基于网易云音乐API实现PC端音乐网站》，采用VUE及网易云音乐Node.jsAPIservice实现，网站风格参考了各

做这个项目最主要的目的是为了练习与巩固vue，所以个人是本着怎么折腾怎么来的原则做的。怎么折腾法呢？比如豆瓣部分我使用了vant，网易云部分则没有，网易的ui组件则是自己造的轮子，当然在实际开发中肯定不会这么搞啦。。还有个人平时看过的知识，像createApi啥的会应用上，毕竟…

对于使用 babel7 的用户，可以在 babel.config.js 中配置。地址:根文件夹/babel.config.js 对main.js的改造。方法之一，有更好的方法。 位置：src/main.js 完成jsx的配置。可以使用jsx了 到此、我们的Home模块算完成了。…

随着不断的学习Vue，需要做一个小项目通过在实现项目过程中了解到更多的知识。随着如今人们对于音乐的需求，移动端的使用量愈发增加，项目通过Vue编写实现，全面借用网易云音乐移动端的UI设计、功能实现，努力做到以假乱真的效果。前几天便着手开始弄了,到今天为止也算是勉强能用了。 注：…

由于 vue3.2 版本的发布，`<script setup>` 的实验性标志已经去掉，已经陆陆续续有不少公司开始使用 `vue3.2`开发项目了。这篇文章就来帮助大家如何快速使用 `vue3.x`