electron-vue 的初步安装使用

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
    },

类似这样的：

之后就可以正常显示了。