electron 集成vue环境

1、创建
	vue init simulatedgreg/electron-vue xx

2、在创建过程中
	选择要下载的插件时,*代表选中,直接回车就行
	下载工具选中electron-builder

3、进入项目
	cnpm install

4、在.electron-vue/webpack.web.config.js 和.electron-vue/webpack.renderer.config.js中添加
	(1)找到plugins内的new HtmlWebpackPlugin
	
	(2)在template后添加
		templateParameters(compilation, assets, options) {
	        return {
	          compilation: compilation,
	          webpack: compilation.getStats().toJson(),
	          webpackConfig: compilation.options,
	          htmlWebpackPlugin: {
	            files: assets,
	            options: options
	          },
	          process,
	        };
	      },

5、启动
	npm run dev

electron 集成vue环境_第1张图片

6、出现以下界面代表成功

electron 集成vue环境_第2张图片

你可能感兴趣的:(electron桌面应用,electron)