Electron基于Vue.js开发

本文一步一步教你如何使用Electron11和vue-cli4，在完全保留vue开发web应用的习惯下，搭建桌面应用。

目录

  • 安装环境
  • 创建项目
  • 编译运行
  • 增加依赖库

1.安装环境

  • 使用cnpm
1
npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安装/升级vue-cli4
1
2
vue -V
cnpm install @vue/cli -g

2. 创建项目

  1. 创建vue项目

    1
    vue create electron-vue-demo

  2. 安装Electron

    1
    vue add electron-builder

3.编译运行

1
npm run electron:serve

image-20210401154510200

4.增加依赖

1
2
vue add element
vue add axios

注：不建议再使用SimulatedGREG/electron-vue，太久没更新了。

参考：

掘金