demo（项目名称）├─.electron-vue（webpack配置文件）│└─build.js（生产环境构建代码）|└─dev-client.js（热加载相关）│└─dev-runner.js（开发环境启动入口

找到项目根目录.electron-vue/build.js修改下面代码，修改其中一对的tasks变量名，需要注意的是本文件中一共包含四个tasks，前两个是一对，后两个是一对，修改时请对应修改图片.png2

electron-vue报错：WebpackReferenceError:processisnotdefined博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权

Electron集成Vue通过脚手架执行下面的命令即可创建一个electron-vue的项目；vueinitsimulatedgreg/electron-vuemy-project但是使用的是Vue2，

问题描述：在搭建electron-vue的项目时，第一次启动出现异常：解决：在src下的index.ejs中，去掉这段代码：参考：使用electron-vue出现WebpackReferenceError

一、问题描述在electron-vue中使用vuex，调用this.$store.dispatch("changeLogin");时，无法修改登录状态，调试了很久都没有看出问题在哪边。

首先按照SimulatedGREG/electron-vue,的GettingStarted把环境建立起来.安装vue-cli:npminstall-gvue-cli初始化一个electron-vue项目

https://gitee.com/yu_sheng/electron-vue个人修改升级electron-vue脚手架的环境尽量不要升级，但是vue之类的版本太低，用着难受，那就升一下。

记录：electron-vue大佬博客一、应用打包使用electron-builder库，先安装它。

第一步：electron-vue环境的搭建、项目的创建npminstall-gvue-clivueinitsimulatedgreg/electron-vuemy-project(这个是项目名称，根据实际需要修改

简介像官网说的那样，electron-vue就是基于vue来构造electron应用程序的样板代码。

一、基本环境安装node.jsvue-cli安装yarn【推荐】二、搭建electron-vue的脚手架打开cmd控制台，在目标文件夹下输入安装命令vueinitsimulatedgreg/electron-vuemy-project

一、安装node.js直接下载稳定版本。打开安装包，一路向下。在安装的目录下新建两个文件夹：node_cache、node_globalnpmconfigsetcache"X:\xxxx\node_cache"npmconfigsetprefix"X:\xxxx\node_global"可以通过npmconfiglist查看修改是否成功。修改镜像源：npmconfigsetregistryhttp

(1)初始化一个基于Electron-vue搭建的项目，可以一路回车到创建完毕，默认支持Eslintvueinitsimulatedgreg/electron-vuemy-electron创建之后的目录是这样的

目录问题思路electron-vue生成脚手架界面部分node.js处理部分源码地址问题写一个小工具：处理一个81M的excel文件，将其按一定数据规则拆分成多个小的excel文件，可以可视化操作。

1.前言上次将项目向同事展示了一下，算是electron-vue的第一阶段调研。但是演示的时候却被各种否定，窗体比较大，而且设计不合理，布局方式不合理，等等等。

1.前言前面关于electron打包可安装程序的准备工作已经基本完成了，除了Macos下没有环境，暂时无法测试打包情况，但是package.json中既然支持Macos的打包，那就应该问题不大。完成了前面的准备工作，现在终于开始着手开发的心心念念vue。之前是获取到exe文件返回的数据，需要根据返回信息来告诉用户启动成功或者失败。就需要将获取的信息通过message组件，notification组

最近再研究图床，注册的阿里云域名备案还在审批，所以七牛云图床暂时没用，所以试下用PicGo+GiteePicGo-基于electron-vue开发的图床工具#PicGo目前支持了微博图床，七牛图床，腾讯云

项目环境node10.15.3yarn1.15.2win10代码完成时间2019-4-18废话不多说，先放源码GitHubhttps://github.com/951477037/electron-printgitclonehttps://github.com/951477037/electron-print.git//安装依赖yarn//运行项目yarnrundev//打包项目yarnrunbu

前言由于目前网上的electron-vue库长久未更新，于是基于新版本的electron搭了一个vue脚手架，封装了通用的开机自启，自动更新，关闭按钮最小化等功能，方便大家入坑electron仓库https

之前的版本可以参考electron-vue起步。一、创建项目创建vue项目。参考我之前的文章vue之vue-cli3，创建项目。这里我创建的项目是electron-vue-test。

受限于墙以及网络环境，很多人在尝试打包electron程序时都会碰到各种问题，下面以electron-vue模板为例（打包使用electron-builder），windows环境下，一步步解决打包时所遇到的错误

前边几篇文章介绍了一些基本用法，最终都是要打包成可执行应用程序的，今天我们就讲讲怎么打包1.设置应用appId在package.json中增加"appId":"com.ipp.electronvue",2.增加vue.config.js这个文件是用来配置打包工具electron-builder的参数，代码中有对应的注释，按照对应的配置修改为自己的图标就好。module.exports={//第三方

electron功能很强大，但是有一些跟操作系统底层交互的功能，electron无法实现，这个时候我们就可以调用原生来配合完成对应功能，本文主要讲解在windows平台下，调用C++的dll文件在开始之前我们要安装1.node-gypnpminstallnode-gyp-g2.windows-build-toolsnpminstallwindows-build-tools-g这里需要确定的是pyt

而electron-vue是一个结合了electron与vue的套件。这样我们就能方便地使用vue快速开发桌面应用。但是，vue只是在js这层面做了大量的便捷的操作。对UI并未过多涉及。

最近创建了一个electron-vue项目，用到了热更新，先看效果图：话不多说，直接上代码。

先记录用法(推荐用yarn，后期编译打包官方推荐的是yarn，可以省下不必要的错误)#安装vue-cli和脚手架样板代码yarnglobaladd@vue/cliyarnglobaladd@vue/cli-initvueinitsimulatedgreg/electron-vuemy-project#安装依赖并运行你的程序cdmy-projectyarnyarnrundev此时，项目已经跑起来了，

参考文献electron-vue跨平台桌面应用开发实战教程因最近项目要求，构建一个桌面端应用程序，类似C/S端，结合Electron可以实现基于B/S端的桌面应用程序，现记录下入坑过程1.利用vue-cli

可以从.electron-vue/webpack.renderer.confi

因为上一家有做桌面应用所以想做一个总结：electron-vue框架完成的整体项目搭建，分为主进程(node)和渲染进程(vue)；electron-updater完成自动更新操作electron-builder

最近用electron-vue做一些自动化构建工具开发，依赖安装老卡着，查资料做一些笔记NPM使用代理这里直接设置代理，不安装cnpm，推荐使用yarn安装依赖，win下用npmrunbuild会有某个模块因为

使用electron-vue项目时候会报错！

它是一款用Electron-vue开发的软件，可以支持微博，七牛云，腾讯云COS，又拍云，GitHub，阿里云OSS，SM.MS，imgur等8种常用图床，功能强大，简单易用我们到下面的链接下载最新版本

使用electron-vue官方模板1.安装步骤根据官网步骤执行#安装vue-cli和脚手架样板代码npminstall-gvue-cli#my-project为项目名vueinitsimulatedgreg

第一步、使用vue-cli2构建模板项目vueinitsimulatedgreg/electron-vuemy-project如果你当前使用的是vue-cli3或vue-cli4，那么你需要全局安装vue-cli2：npminstall--globalvue-cli当模板现在完毕后，根据提示一步一步进行下去。当模板完全构建完毕后，进行依赖安装：npminstall第二步、运行项目npmrundev

npminstall依赖问题1、首先electron与node版本问题版本要对应，如果失败，可以考虑降低electron版本2、安装python2.7，并配置环境变量，npm设置：npmconfigsetpythonpython2.73、安装visualstudioinstaller2017，选择C++核心部件以及桌面安装注意：安装完后重启电脑，设置npm：npmconfigsetmsvs_ver

一、场景描述在本地运行electron-vue项目时，打开新窗口有显示内容，但经过打包之后，重复同样的操作，新窗口空白，打开DeveloperTools，提示"DevToolswasdisconnectedfromthepage

electron-vue项目搭建vue项目创建创建项目选择配置创建成功执行提示的运行指令构建Electron桌面应用程序需要安装VueCLIPluginElectronBuilder运行指令解决electronvue

前言electron-vue是一个基于vue来构造electron应用程序的样板代码。

文章目录前言安装和运行运行会发现的错误F12报错`http://localhost:9080/__webpack_hmr404(NotFound)`控制台报错`Unabletoinstallvue-devtools`控制台报错`Multispinnerisnotdefined`F12报错`Object.fromEntriesisnotafunction`执行npmrunbuild无法打包提示`Id

一、前言大多数文章都停留在electron-vue中，但是这个库不怎么更新了，最近的更新是九月前，看了很多文章都换其他的工具来构建了，这里推荐GITHUB一个大佬写的基于vue-cli的插件，构建项目非常简单

目前社区两大Vue+Electron的脚手架：electron-vue和vue-cli-plugin-electron-builder。

问题 打开electron-vue报出Processisnotdefined的错误。 对此表示奇怪的一批，在github中有人也遇到了相同的问题，并给出了答案，这里贴出链接。

以前的方法之前Electron只兼容了vue-cli2.x，所以只能使用vueinitsimulatedgreg/electron-vue${your-project-name}虽然比较方

在electron-vue项目中调用了element-ui，但是没有效果。

//安装环境npminstall-gnode-gypnpminstall-gnode-pre-gyp//注:要在C:\Windows\System32以管理员的身份打开cmd.exe执行命令npminstall--global--productionwindows-build-tools安装Python27https://www.python.org/downloads/release/pytho

以前我构建vue+electron项目都是使用一些模版比如webpack,simulatedgreg/electron-vue等，这些模版在github上，有时候可能因为网络原因下载会慢一些。

创建electron-vue脚手架要搭建electron-vue项目要先安装vue-cli脚手架通过cmd终端安装npminstall-gvue-cli或者通过命令npmi@vue/cli-g1.初始化

首次使用electron-vue实现桌面应用，其中遇到n多的坑，一次次的从坑中爬起再跌下再爬起。。。

npminstallnpmrundev进度：已完成–简易登录页，简易聊天页目的：学习electron的开发技术栈：electron+vue全家桶+elementUi+frozenui学习参考文章：苏南大叔的博客–electron官网–electron-VUE