关键词：
参考技术A Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象，可以构建跨平台桌面程序，本身支持node.js，可以使用node.js的一些模块。 Electron官网安装成功之后 node -v ,会显示版本。
我们直接使用脚手架工具vue-cli
我们在国内的npm非常慢，所以我们需要重新设置npm镜像，我设置的是淘宝的镜像
我们可以看一下镜像地址是：
我们安装脚手架工具：
我们安装web-pack：
我们搭建项目：
我们到 YLeMusic 目录下，之后执行：
我们浏览器打开 http://localhost:8080
此时显示的是
我使用npm 能安装，我测试了好像可以只能使用cnpm,所以需要先安装cnpm。
使用cnpm安装Electron
所以需要我们增加执行的权限：
我们看一下是否安装成功：
我们安装成功了。
main.js
package.json
我们就可以看到我们的桌面应用运行起来了。
使用electron-vue 脚手架工具
手把手教electron+vue的使用(代码片段)
...的时代，自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。2.Electron是什么？？ 对于我来说Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把... 查看详情
手把手教electron+vue的使用(代码片段)
...的时代，自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。2.Electron是什么？？ 对于我来说Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把... 查看详情
vue项目打包成桌面程序exe除了使用electron-vue你还可以这样(代码片段)
场景electron-vue基于vue(基本上是它听起来的样子)来构造electron应用程序的样板代码。该项目的目的，是为了要避免使用vue手动建立起electron应用程序。electron-vue充分利用vue-cli作为脚手架工具，加上拥有vue-loader的webpack、electron-packag... 查看详情
如何使用 Electron + Vue (SPA) 处理事件
】如何使用Electron+Vue(SPA)处理事件【英文标题】：HowtohandleeventsusingElectron+Vue(SPA)【发布时间】：2017-02-1510:58:56【问题描述】：在将Vue与Electron一起使用时，我无法弄清楚如何处理事件。这可能看起来很愚蠢，但我花时间阅读文档... 查看详情
electron和vue的关系
在electron-vue的配置中，主进程就是v8引擎，可以看成是一个浏览器；渲染进程就是网页。可以在主进程中，导入url指向的html，可以认为是一个自定义的浏览器在加载网页。（2）但是在渲染进程中的html页面中，是node环境，不再是... 查看详情
electron集成vue(代码片段)
Electron集成Vue通过脚手架执行下面的命令即可创建一个electron-vue的项目；vueinitsimulatedgreg/electron-vuemy-project但是使用的是Vue2，所以推荐使用下面一种方式。使用VueCLIPluginElectronBuilder插件1、初始化vue项目vuecreateelectron-vue-app2... 查看详情
electron+vue的使用
参考技术AElectron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。功能的强大超出你的想... 查看详情
我有一个使用 VUE CLI 创建的项目，并且我已经安装了 vue-electron-builder 插件
】我有一个使用VUECLI创建的项目，并且我已经安装了vue-electron-builder插件【英文标题】：I\'veaprojectcreatedwithVUECLIandI\'veinstalledvue-electron-builderplugin【发布时间】：2020-01-1600:30:16【问题描述】：我有一个使用vuecli3创建的vue项目，并... 查看详情
electron-vue架构解析1-序言（原）
1.下载架构模板2.代码结构本系列文章将介绍electron-vue前端框架的作用、结构、使用方法。electron-vue是SimulatedGREG基于vue-cli搭建的Vue+Webpack+Electron脚手架，可以用来开发跨PC平台的应用，源码地址在这里。其主要功能/... 查看详情
electron-vue架构解析1-序言（原）
1.下载架构模板2.代码结构本系列文章将介绍electron-vue前端框架的作用、结构、使用方法。electron-vue是SimulatedGREG基于vue-cli搭建的Vue+Webpack+Electron脚手架，可以用来开发跨PC平台的应用，源码地址在这里。其主要功能/... 查看详情
画布不绘制图像 - Electron + Vue
】画布不绘制图像-Electron+Vue【英文标题】：Canvasnotdrawingimages-Electron+Vue【发布时间】：2020-08-2602:52:12【问题描述】：我正在尝试在我的画布中绘制图像，但由于某种原因它无法正常工作。我尝试过使用默认画布API、KonvaJS和FabricJS... 查看详情
使用 Vuex 的 Vue.js-electron 应用程序的设置测试
】使用Vuex的Vue.js-electron应用程序的设置测试【英文标题】：SetuptestforVue.js-electronappwhichusesVuex【发布时间】：2019-04-2307:00:57【问题描述】：我想设置以下组件并想对其运行以下基本单元测试。（我是Vue.js的新手，不确定哪些信息... 查看详情
使用vue开发electron桌面应用入门
参考技术A上文简单介绍了Electron，以及如何搭建环境来进行开发。现实开发中，从头开始使用HTML5、JS、CSS来构建应用毕竟还是一件苦差事。鉴于Vue是目前国内前端开发的主流技术栈之一，本文来趟一下如何使用Vue开发Electron桌面... 查看详情
使用electron将vue项目打包成exe桌面应用(代码片段)
Electron相当于一个浏览器的外壳，可以把现有的vue程序嵌入到壳里面，可以运行在桌面上的一个程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。Electron官网：https://electronjs.org/文章目录一、vue项目中... 查看详情
在 vue-electron 中，如何在父子组件之间绑定数据？
】在vue-electron中，如何在父子组件之间绑定数据？【英文标题】：Invue-electron,howtodoyoubinddatabetweenaparentandchildcomponents?【发布时间】：2020-04-1501:34:12【问题描述】：我正在尝试通过理解完成的代码来学习electron-vue。对于源码，我使... 查看详情
在 vue-electron 中，如何在父子组件之间绑定数据？
】在vue-electron中，如何在父子组件之间绑定数据？【英文标题】：Invue-electron,howtodoyoubinddatabetweenaparentandchildcomponents?【发布时间】：2020-04-1501:34:12【问题描述】：我正在尝试通过理解完成的代码来学习electron-vue。对于源码，我使... 查看详情
带有 Vue 和 vue-cli-plugin-electron-builder 的电子应用程序无法与 Tesseract.js 一起使用
】带有Vue和vue-cli-plugin-electron-builder的电子应用程序无法与Tesseract.js一起使用【英文标题】：ElectronAppwithVueandvue-cli-plugin-electron-buildercan\'tworkingwithTesseract.js【发布时间】：2020-05-2122:40:30【问题描述】：我用vue-service-cli创建了一个... 查看详情
tp5.1让验证码在另外的项目（electron-vue）里面使用
TP5.1让验证码在另外的项目（Electron-vue）里面使用博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！介绍一般来说在TP5.1里面的验证码模块是用于... 查看详情