站长

<h1 id="heading-0">VUE3-MUSIC</h1>
<p>基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。</p>
<p>VUE3默认版本了，搞个项目熟悉一下，以备不时之需</p>
<p>在线体验：<a href="https://blogweb.cn/link?target=https://smallruraldog.github.io/vue3-music" target="_blank" rel="nofollow noopener noreferrer">smallruraldog.github.io/vue3-music</a></p>
<p>github:<a href="https://github.com/SmallRuralDog/vue3-music" target="_blank">github.com/SmallRuralD…</a></p>
<p>在线开发：<a href="https://blogweb.cn/link?target=https://codesandbox.io/s/bdx26g" target="_blank" rel="nofollow noopener noreferrer">codesandbox.io/s/bdx26g</a></p>
<p>将浏览器大小设置成1050*670，体验效果更好！界面是自适应的，使用<a href="https://blogweb.cn/link?target=https://www.tailwindcss.com" target="_blank" rel="nofollow noopener noreferrer">tailwindcss.com</a>来实现</p>
<p>手机端未适配，后期会使用<a href="https://blogweb.cn/link?target=https://flutter.dev" target="_blank" rel="nofollow noopener noreferrer">Flutter</a>单独开发手机客户端，使用<a href="https://blogweb.cn/link?target=https://www.electronjs.org" target="_blank" rel="nofollow noopener noreferrer">Electron</a>打包桌面客户端并内置API服务</p>
<p>在线演示为了安全考虑，不提供API接口服务，需要准备好自己的API服务地址，并且是HTTPS的，没有HTTPS的服务，可以本地运行，首次打开时会要求设置API地址</p>
<h2 id="heading-1">本地安装</h2>
<pre class="language-bash line-numbers"><code>git <span>clone</span> https://github.com/SmallRuralDog/vue3-music.git
<span>cd</span> vue3-music
yarn
yarn run dev
</code></pre>
<h2 id="heading-2">网易云音乐API</h2>
<p>需要运行API服务才能正常体验</p>
<p><a href="https://blogweb.cn/link?target=https://binaryify.github.io/NeteaseCloudMusicApi" target="_blank" rel="nofollow noopener noreferrer">开发文档</a></p>
<h2 id="heading-3">UI</h2>
<p><img src="https://img.blogweb.cn/article/d4e577f493a24e9c9ed0a32802c3d2dc.webp" loading="lazy" alt="基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。">
<img src="https://img.blogweb.cn/article/835b12b69fdf45c59e2b892c660024ba.webp" loading="lazy" alt="基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。">
<img src="https://img.blogweb.cn/article/cca271f4059a4517ae558ee88e729282.webp" loading="lazy" alt="基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。">
<img src="https://img.blogweb.cn/article/cd41cc8ef5114618b4834a702f2520c2.webp" loading="lazy" alt="基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。"></p>
<h2 id="heading-4">黑夜模式</h2>
<p><img src="https://img.blogweb.cn/article/0888b3fdaa7c4f689f01a657fcb5ca00.webp" loading="lazy" alt="基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。">
<img src="https://img.blogweb.cn/article/ca750bb72f1b40929e757bd8acc7255c.webp" loading="lazy" alt="基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。">
<img src="https://img.blogweb.cn/article/0a3e978d0f9e4e1a8f557ef821c2346d.webp" loading="lazy" alt="基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。">
<img src="https://img.blogweb.cn/article/7b40fa10755849beb66ff97530c5194d.webp" loading="lazy" alt="基于 VUE3+TS 开发的音乐播放器，界面模仿QQ音乐mac客户端。"></p>
<h2 id="heading-5">PS</h2>
<p>许多功能正在完善</p>
<p>通过此开源项目学习VUE3的强大..加油！</p>

VUE3-MUSIC基于VUE3+TS开发的音乐播放器，界面模仿QQ音乐mac客户端。VUE3默认版本了，搞个项目熟悉一下，以备不时之需在线体验：github:在线开发：将浏览器大小设置成1050*670，体验效果更好！界面是自适应的，使用来实现手机端未适配，后期会使用单独开发手机客户端，使用打包桌面客户端并内置API服务在线演示为了安全考虑，不提供API接口服务，需要准备好自己的API服务地址，