All Projects → eugeneCN → Vue Electron Music

eugeneCN / Vue Electron Music

vue、electron纯前端技术制作网易云音乐客户端

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vue Electron Music

Swiped Events
Adds `swiped` events to the DOM in 0.7k of pure JavaScript
Stars: ✭ 249 (-15.88%)
Mutual labels:  html5
Front Ui
😄 🎨 Collect some front-end special effects (收集一些前端特效)
Stars: ✭ 259 (-12.5%)
Mutual labels:  html5
Html Css
Curso de HTML5 e CSS3
Stars: ✭ 4,917 (+1561.15%)
Mutual labels:  html5
Html5 Boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
Stars: ✭ 52,009 (+17470.61%)
Mutual labels:  html5
Openplayerjs
Lightweight HTML5 video/audio player with smooth controls and ability to play VAST/VPAID/VMAP ads
Stars: ✭ 255 (-13.85%)
Mutual labels:  html5
Myflix
Myflix, a Netflix clone!
Stars: ✭ 260 (-12.16%)
Mutual labels:  html5
X11docker
Run GUI applications and desktops in docker and podman containers. Focus on security.
Stars: ✭ 3,797 (+1182.77%)
Mutual labels:  html5
Zx Editor
The HTML document (rich text) editor in Smart phone browser or webview, supporting mixed layout, reference, headline, unordered list, font color, bold and italics. 移动端HTML文档(富文本)编辑器,支持图文混排、引用、大标题、无序列表,字体颜色、加粗、斜体
Stars: ✭ 292 (-1.35%)
Mutual labels:  html5
Coreui Free Vue Admin Template
Open source admin template based on Bootstrap 5 and Vue 3
Stars: ✭ 2,951 (+896.96%)
Mutual labels:  html5
Saltgui
A web interface for managing SaltStack based infrastructure.
Stars: ✭ 278 (-6.08%)
Mutual labels:  html5
Chart.js
Simple HTML5 Charts using the <canvas> tag
Stars: ✭ 55,646 (+18699.32%)
Mutual labels:  html5
Get Me Through
A Free, Offline, Real-Time, Open-source web-app to assist organisers of any event in allowing only authorised/invited people using Face-Recognition Technology or QR Code.
Stars: ✭ 255 (-13.85%)
Mutual labels:  html5
Theme Ad
🔨 Art design theme for write and show.
Stars: ✭ 262 (-11.49%)
Mutual labels:  html5
Html5validator
Command line tool to validate HTML5 files. Great for continuous integration.
Stars: ✭ 251 (-15.2%)
Mutual labels:  html5
Html5 Asteroids
Pure Javascript Asteroids
Stars: ✭ 287 (-3.04%)
Mutual labels:  html5
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (-15.88%)
Mutual labels:  html5
Qmlcore
QML to Javascript/HTML5 translator, both for mobile and desktop targets
Stars: ✭ 258 (-12.84%)
Mutual labels:  html5
Formdata
HTML5 `FormData` polyfill for Browsers.
Stars: ✭ 292 (-1.35%)
Mutual labels:  html5
Flextable
table farming
Stars: ✭ 288 (-2.7%)
Mutual labels:  html5
Dynamic effect
平时练习的一些前端动效,基于HTML5,CSS3,Canvas,Svg
Stars: ✭ 264 (-10.81%)
Mutual labels:  html5

vue-electron-music

nodejs、vue、electron制作的网易云音乐客户端(MacOs)版,目前没有在Windows运行过,所以样式可能有点差异,时间不足,有空再更新。

运行效果预览视频

技术栈

  • vue全家桶(vue vue-router vuex)
  • electron(应用框架)
  • request(请求数据)
  • ES6
  • SCSS
  • 更多...

图片预览

安装运行(Build Setup)

确保项目正常运行,请将你的node版本升级为7.0+以上,低版本node没有测试过。

# 克隆项目
git clone https://github.com/eugeneCN/vue-electron-music.git

# 安装依赖
npm install

# 启动api localhost:3000
cd api/
npm install
npm start

# 启动本地服务 localhost:9080
npm run dev

# 打包成本地应用
npm run build

# 开启控制台
Ctrl + Shift + i

鸣谢

此应用提供的API: https://github.com/Binaryify/NeteaseCloudMusicApi ,此接口的说明请到这里查看

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].