1、初始化项目
vue init simulatedgreg/electron-vue ele-vue-first
可能遇到的问题:
解决方案:
根据提示安装@vue/cli-init,但是我用yarn安装后发现还是不行,再用cnpm安装,就ok了
cnpm i -g @vue/cli-init
安装完重新运行初始化命令
2、安装依赖,启动项目
cnpm i
cnpm run dev
运行效果如下:
可能遇到的问题:
解决方案:
- 找到根目录下的.electron-vue文件
- 分别在
webpack.renderer.config.js >rendererConfig>plugins>new HtmlWebpackPlugin
webpack.web.config.js >webConfig>plugins>new HtmlWebpackPlugin
中添加以下代码:
templateParameters(compilation, assets, options) {
return {
compilation: compilation,
webpack: compilation.getStats().toJson(),
webpackConfig: compilation.options,
htmlWebpackPlugin: {
files: assets,
options: options
},
process,
};
},
结果如下: