一、用vue或者react技术开发

1.创建vue项目

首先创建一个vue,完成vue项目的相关配置

安装node.js

在官网node，安装自己需要的node版本

安装vue cli

npm install -g @vue/cli@4.4.4

创建vue项目

vue create vue_pro

安装依赖并启动

npm install或者用yarn
npm run serve

2. 添加electron

参考地址：nklayman.github.io/vue-cli-plu…

1. 终端运行命令

vue add electron-builder

2. 创建过程直接默认，一路回车操作
3. 根据package.json中的描述，运行npm run electron:serve
4. Launching Electron... 过程很慢，因为要加载VUEJS3_DEVTOOLS，重试5次才会出现
5. 出现下图，代表Vue+Electron项目创建成功

解释

添加electron后会生成background.js是electron项目的主进程文件 启动命令

npm run electron:serve

打包命令

npm run electron:build

打包完成会在dist_electron文件夹里生成win-unpacked文件夹，在win-unpacked里面有个.exe的文件，至此桌面端应用开发完成 二、插件方式开发electron

插件地址： github.com/nuxt-commun… 这个插件是由一个百度工作过的好几年的大佬开发的，值得去学习一下，用起来很nice

下载插件，直接克隆插件项目

git clone https://github.com/nuxt-community/electron-template.git

创建项目

vue init nuxt-community/electron-template my-project

进入项目并安装依赖

cd my-project
install dependencies
npm install # Or yarn

在package.js里会有启动和打包的命令 如果有疑问抖音关注：李钟意讲前端