嫌GUI太丑不好用？来试试Electron

本想用GUI画程序框，没想到这么难用，于是找到了Electron
搭建一个Electron项目和搭建一个Vue项目差不多

#没有vue-cli的需要安装，不过用这个的估计都用过Vue，可以跳过
npm install -g vue-cli

#创建项目my-project,最后面是名字，按需要更改
vue init simulatedgreg/electron-vue my-project

cd my-project
npm install

npm run dev

这里搭建出来倒是没问题，运行的时候倒是碰到了点问题

先是找不到各种依赖（已经cnpm install了）

这里就直接cnpm install chalk了但是到最后安装eletron失败要我重新装
删了node_modules重新cnpm install一下

还有关于chromedriver问题的可以参考下这篇博客

终于看到了界面

这个样子还是异常，说是找不到process

找别人的教程发现这是Node版本太高（超过12）
可以降级
不想降级的还有另一个办法

在webpack.renderer.config和webpack.web.config的图示位置添加下面的那段代码

//Webpack ReferenceError: process is not defined
templateParameters(compilation, assets, options) {
  return {
	compilation: compilation,
	webpack: compilation.getStats().toJson(),
	webpackConfig: compilation.options,
	htmlWebpackPlugin: {
	  files: assets,
	  options: options
	},
	process,
  };
},
// ==End==

看到这个页面就算是成功搭建了