GithubHelp home page GithubHelp logo

xiaozhu188 / electron-vue-cloud-music Goto Github PK

View Code? Open in Web Editor NEW
2.4K 41.0 707.0 12.79 MB

🚀Electron + Vue 仿网易云音乐windows客户端

Home Page: https://juejin.im/post/5d77a620518825636c0d1763

License: MIT License

JavaScript 17.74% HTML 0.08% Vue 81.57% Less 0.61%
electron vue ant-design-vue nodejs es6 canvas vue-router vuex fetch less

electron-vue-cloud-music's People

Contributors

xiaozhu188 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

electron-vue-cloud-music's Issues

是npm install 吗?

是npm install 吗?yarn install ?
装不起来,卡在安装包这里

偶尔能装,然后是 npm run 吗????

请教一下,您是如何调试的呢?

是通过vscode来调试代码还是通过DevTools呢?
我之前是写静态语言的,调试可以直接对着编译器里面代码进行调试,比较方便!
我知道通过DevTools调试html和css比较方便,但是觉得js还是通过编译器调试好点!

切换选项卡能保存页面的状态吗?

操作步骤如下

1、发现音乐滚动到最底下

image

2、点击本地音乐

image

3、点击发现音乐

image

此时发现音乐是进行了重新刷新了吗?因为滚动条不在原来的位置了,能否做成保存页面状态吗?

如何从源代码构建?

  1. 如何从源代码构建?
  2. 能选择字体更改选项吗?这个字体显示的中文是用的(好像是香港的?)异体字形,英文的用户名还是全角字体。
    Screenshot_20210312_214925
  3. 运行还是有些卡顿,不能跟兄弟计划electron-netease-cloud-music
  4. 没看到有任务栏缩略图

Manjaro Linux 21.0
KDE 5.79.0 / Plasma 5.21.2

如何生成.EXE安装文件?

我看到项目里面有配置生成exe的配置信息,但是package.json里面没有看到对应的生成命令
请问如何生成exe安装文件呀,生成后的文件又在什么位置呀

咨询一下本地歌曲 "文件增删实时同步" 怎么实现

我看选择目录的窗口里有 tips

<div>将自动扫描您勾选的目录,文件增删实时同步。</div>

但是在 Localsong 的源码没找到相关实现
https://github.com/xiaozhu188/electron-vue-cloud-music/blob/bded3bd6fc19a021cd9b7a83774457b26025433e/src/renderer/store/modules/Localsong.js

全局搜了下也没有 fs.watch 之类的方法

测试了 release 的版本好像是不能自动同步的

所以想问下同步功能要怎么实现呢
或者说有什么好的思路
可以分享一下吗

Thanks

npm install 出错

image

`cnpm install
✔ Installed 47 packages
✔ Linked 0 latest versions
[1/1] scripts.postinstall [email protected] run "electron-builder install-app-deps", root: "/Users/ghchen/IdeaProjects/electron-vue-cloud-music"
sh: electron-builder: command not found
[npminstall:runscript:error] [email protected] scripts.postinstall run "electron-builder install-app-deps" error: Error [RunScriptError]: Run "sh -c electron-builder install-app-deps" error, exit code 127
at ChildProcess. (/usr/local/lib/node_modules/cnpm/node_modules/runscript/index.js:96:21)
at ChildProcess.emit (node:events:394:28)
at maybeClose (node:internal/child_process:1064:16)
at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5) {
stdio: [Object],
exitcode: 127
}
✖ Install fail! RunScriptError: post install error, please remove node_modules before retry!
Run "sh -c electron-builder install-app-deps" error, exit code 127
RunScriptError: Run "sh -c electron-builder install-app-deps" error, exit code 127
at ChildProcess. (/usr/local/lib/node_modules/cnpm/node_modules/runscript/index.js:96:21)
at ChildProcess.emit (node:events:394:28)
at maybeClose (node:internal/child_process:1064:16)
at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5)
npminstall version: 5.0.2
npminstall args: /usr/local/Cellar/node/16.8.0/bin/node /usr/local/lib/node_modules/cnpm/node_modules/npminstall/bin/install.js --fix-bug-versions --china --userconfig=/Users/ghchen/.cnpmrc --disturl=https://npm.taobao.org/mirrors/node --registry=https://registry.nlark.com

`

npm run build:web的时候出现了错误

<--- Last few GCs --->

[13016:0x102c00000] 112324 ms: Mark-sweep 1309.8 (1450.7) -> 1305.0 (1453.2) MB, 2477.0 / 0.0 ms (average mu = 0.103, current mu = 0.015) allocation failure scavenge might not succeed
[13016:0x102c00000] 115329 ms: Mark-sweep 1315.2 (1453.2) -> 1310.7 (1453.2) MB, 2948.1 / 0.0 ms (average mu = 0.059, current mu = 0.019) allocation failure scavenge might not succeed

<--- JS stacktrace --->

==== JS stack trace =========================================

0: ExitFrame [pc: 0x235dc5edbe3d]
1: StubFrame [pc: 0x235dc5e934b0]

Security context: 0x3c39d531e6e9
2: create [0x3c39a424de39] [/Users/smithcll/project/electron/electron-vue-cloud-music-master/node_modules/babel-traverse/lib/context.js:~67] [pc=0x235dc73b69a8](this=0x3c390a78c2e1 ,node=0x3c3945c638a1 ,obj=0x3c3945c638a1 ,ke...

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
1: 0x10003cf99 node::Abort() [/usr/local/bin/node]
2: 0x10003d1a3 node::OnFatalError(char const*, char const*) [/usr/local/bin/node]
3: 0x1001b7835 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/usr/local/bin/node]
4: 0x100585682 v8::internal::Heap::FatalProcessOutOfMemory(char const*) [/usr/local/bin/node]
5: 0x100588155 v8::internal::Heap::CheckIneffectiveMarkCompact(unsigned long, double) [/usr/local/bin/node]
6: 0x100583fff v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [/usr/local/bin/node]
7: 0x1005821d4 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/usr/local/bin/node]
8: 0x10058ea6c v8::internal::Heap::AllocateRawWithLigthRetry(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/usr/local/bin/node]
9: 0x10058eaef v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/usr/local/bin/node]
10: 0x10055e434 v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationSpace) [/usr/local/bin/node]
11: 0x1007e6714 v8::internal::Runtime_AllocateInNewSpace(int, v8::internal::Object**, v8::internal::Isolate*) [/usr/local/bin/node]
12: 0x235dc5edbe3d
13: 0x235dc5e934b0
14: 0x235dc73b69a8
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build:web: cross-env BUILD_TARGET=web node .electron-vue/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build:web script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

您好,能否提交到AUR上?

您这个项目很好,想提交到AUR上,能否提供一下从源代码编译/用Appimage下载的方法来写pkgbuild文件?

用Appimage下载的方法好像是这样:

prepare() {
  cd "${srcdir}"
  chmod +x ${_filename}
  ${_filename} --appimage-extract
  rm ${srcdir}/squashfs-root/usr/share/icons/hicolor/icon-theme.cache
}

package() {
  install -Dm755 "${srcdir}/${_filename}" "${pkgdir}/opt/appimages/${_pkgname}.AppImage"
  install -Dm755 "${srcdir}/${_pkgname}.sh" "${pkgdir}/usr/bin/${_pkgname}"

  install -dm755 "${pkgdir}/usr/share/applications/"
  cp -r --no-preserve=mode,ownership "${srcdir}/squashfs-root/usr/share/icons" "${pkgdir}/usr/share/"
  cp --no-preserve=mode,ownership "${srcdir}/squashfs-root/org.kde.${_pkgname}.desktop" "${pkgdir}/usr/share/applications/"
}

运行出错,什么原因?

E:\AppWorkspace\electron-vue-cloud-music-master>npm run start

[email protected] start E:\AppWorkspace\electron-vue-cloud-music-master
vue-cli-service electron:serve

INFO Starting development server...
98% after emitting SizeLimitsPlugin

ERROR Failed to compile with 8 errors 13:52:40
These dependencies were not found:

  • ant-design-vue/es/auto-complete/style in ./src/renderer/plugins/andt-design-vue.js
  • ant-design-vue/es/back-top in ./src/renderer/plugins/andt-design-vue.js
  • ant-design-vue/es/back-top/style in ./src/renderer/plugins/andt-design-vue.js
  • ant-design-vue/es/icon/style in ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/renderer/components/ZIcon/index.vue?vue&type=script&lang=js&, ./src/renderer/plugins/andt-design-vue.js
  • ant-design-vue/es/locale-provider/style in ./src/renderer/plugins/andt-design-vue.js
  • ant-design-vue/es/time-picker/style in ./src/renderer/plugins/andt-design-vue.js
  • ant-design-vue/lib/locale-provider/zh_CN in ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/renderer/layouts/BasicLayout.vue?vue&type=script&lang=js&

To install them, you can run: npm install --save ant-design-vue/es/auto-complete/style ant-design-vue/es/back-top ant-design-vue/es/back-top/style ant-design-vue/es/icon/style ant-design-vue/es/locale-provider/style ant-design-vue/es/time-picker/style ant-design-vue/lib/locale-provider/zh_CN

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.