vue-electron制作网易云音乐客户端

Lin_YT 发布于2019-08-21 11:59 / 2668人阅读

摘要：很好，前端任务又来了，开发过程中踩了不少坑，一个缺点就是体积大。切入正题，通过对的一些了解，业余时间通过搭建了一个网易云音乐客户端，因为时间关系只做了客户端的核心部分，有时间更新，这个项目会坚持做下去。

前言

就在两个月前公司需求快速开发一款桌面应用软件，嗯，快速。

并且提供了技术方案Nwjs，起初不知道这款框架的存在，网上查找了一波，发现更牛逼的一款快速搭建桌面应用的框架，那么它就是electron。

很好，前端er任务又来了，开发过程中踩了不少坑，一个缺点就是体积大。其他方面简直就是帅呆了，酷毙了，简直无法比喻了。自动更新、本地菜单和通知、系统奔溃报告、调试和分析、Windows安装程序，简直为我们节省了不少时间，大赞一个。

这里我们不对electron做过多的介绍，大家自行看官方文档。

切入正题，通过对electron的一些了解，业余时间通过vue、electron搭建了一个网易云音乐客户端，因为时间关系只做了客户端的核心部分，有时间更新，这个项目会坚持做下去。

技术栈

vue全家桶(vue vue-router vuex)

electron(应用框架)

request(请求数据)

ES6

SCSS

更多...

启动运行

npm instal --- 安装依赖
cd api/ npm install && npm start --- 启动api服务
npm run dev --- 运行项目
npm run build --- 打包本地项目

关于打包大家自行在官方查找相关配置，这里就不一一介绍了。

功能

用户手机号登录

用户菜单

条件搜索

播放记录列表

播放详情

音量大小

更多...

功能看起来不多，精品在于细节，主进程与渲染进程的一些方法封装、组件封装、vuex的状态管理应用。

先看一下运行效果视频

...

再来几张张图片

是不是很赞，因为我电脑是是MacOs系统，客户端界面只做了Mac系统界面Windows运行起来所看到的是一款MacOs的应用，看起来感觉怪怪的。不过话说回来，现在前端干的事儿真不少，Web、混合App开发、游戏、桌面应用。

嗯，加油前端！！！

源码

源码地址：https://github.com/eugeneCN/v...

喜欢的小伙伴点个star吧。

服务器托管 idc机房托管网易云音乐网易云音乐解析网易云音乐下载网易云音乐在线

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87304.html

vue-electron制作网易云音乐客户端

摘要：很好，前端任务又来了，开发过程中踩了不少坑，一个缺点就是体积大。切入正题，通过对的一些了解，业余时间通过搭建了一个网易云音乐客户端，因为时间关系只做了客户端的核心部分，有时间更新，这个项目会坚持做下去。前言就在两个月前公司需求快速开发一款桌面应用软件，嗯，快速。并且提供了技术方案Nwjs，起初不知道这款框架的存在，网上查找了一波，发现更牛逼的一款快速搭建桌面应用的框架，那么它就是...

xiaolinbang 2019-08-05 11:52 评论0 收藏0
利用Python制作音乐下载器【支持所有主流的平台】

摘要：目前支持的平台网易云音乐酷狗音乐音乐千千百度音乐酷我音乐虾米音乐。存在的退出程序后存在类似进程残留的现象。具体实现过程详见源代码。文章首发于公众号：Charles的皮卡丘作者：Charles 开发工具：Python版本：3.6.4相关模块：pycryptodome模块；pillow模块；requests模块；以及一些Python自带的模块。环境搭建：安装Python并添加到环境变量...

hosition 2019-07-31 12:23 评论0 收藏0
app - 收藏集 - 掘金

摘要：掘金该应用内容灵感来源于应用。理财计算器掘金理财计算器本文原创，转载请注明出处。前言最云阅一个仿网易云音乐，使用及豆瓣开发的开源项目掘金一款基于网易云音乐，使用及豆瓣开发的符合阅读类的开源项目。 [[源码] Android 不要错过的 7 个完整项目学习 - Android - 掘金](https://juejin.im/entry/58ba1...上周推荐了一个商业课程，很多人由于没...

Rango 2019-06-25 11:22 评论0 收藏0
hexo高阶教程：next主题优化之加入网易云音乐、网易云跟帖、炫酷动态背景、自定义样式，打造属于你

摘要：我选择的是万网，阿里下面的。然后在主题配置文件下添加主题配置文件中添加自定义样式不得不说还是很人性化的，你可以个性化定制你的网站，你所有的改动需要放在主题文件的文件中，会前言本篇文章是在已经搭建好gitpage+hexo的博客的前提下（不懂怎么搭建的可以参考我的另一篇博文：了解githubPages+hexo搭建博客的原理或者利用Gitpage+hexo开发自己的博客，这两篇博文...

weizx 2019-08-29 12:24 评论0 收藏0
hexo高阶教程：next主题优化之加入网易云音乐、网易云跟帖、炫酷动态背景、自定义样式，打造属于你

摘要：我选择的是万网，阿里下面的。然后在主题配置文件下添加主题配置文件中添加自定义样式不得不说还是很人性化的，你可以个性化定制你的网站，你所有的改动需要放在主题文件的文件中，会前言本篇文章是在已经搭建好gitpage+hexo的博客的前提下（不懂怎么搭建的可以参考我的另一篇博文：了解githubPages+hexo搭建博客的原理或者利用Gitpage+hexo开发自己的博客，这两篇博文...

SoapEye 2019-08-20 15:39 评论0 收藏0