1、安装node
官网Node下载进行安装.
2、安装vue-cli
# install 可以缩写为 i
npm i -g vue-cli
安装完成后可以通过输命令查看安装的版本
$ vue -V
2.9.6
3、安装electron-vue脚手架:
vue init simulatedgreg/electron-vue my-project
由于此脚手架很久没有更新,使用的electron版本很低,可以通过修改package.json文件来修改使用的electron版本。
之后就可以直接安装了
npm i
此过程可能要下载github的某些包,如果是没有*的话,可能会报错。
安装完成以后就可以运行了。
npm run dev
运行以后控制台可能会报错:
请在src/main/index.js的创建主窗口中添加代码:
webPreferences: {
// Use pluginOptions.nodeIntegration, leave this alone
// See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info
nodeIntegration: true,
webSecurity: false,
contextIsolation: false,
enableRemoteModule: true,//开启remote
},
类似这样的:
之后就可以正常显示了。