GithubHelp home page GithubHelp logo

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

View Code? Open in Web Editor NEW
2.4K 41.0 711.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 Issues

是npm install 吗?

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

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

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

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

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

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

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

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

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

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

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

Thanks

如何生成.EXE安装文件?

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

运行出错,什么原因?

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

如何从源代码构建?

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

Manjaro Linux 21.0
KDE 5.79.0 / Plasma 5.21.2

您好,能否提交到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/"
}

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.

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

操作步骤如下

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

image

2、点击本地音乐

image

3、点击发现音乐

image

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

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.