electron-vue 的初步安装使用

1、安装node

官网Node下载进行安装.
electron-vue 的初步安装使用

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版本。
electron-vue 的初步安装使用
之后就可以直接安装了

npm i

此过程可能要下载github的某些包,如果是没有*的话,可能会报错。
安装完成以后就可以运行了。

npm run dev

运行以后控制台可能会报错:
electron-vue 的初步安装使用
请在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
    },

类似这样的:
electron-vue 的初步安装使用
之后就可以正常显示了。

上一篇:Token的生成方法666


下一篇:DDos攻击处理,封ip