基于Electron实现桌面应用开发代码实例
10 浏览量
2020-10-15
03:52:48
上传
评论
收藏 85KB PDF 举报
基于基于Electron实现桌面应用开发代码实例实现桌面应用开发代码实例
主要介绍了基于Electron实现桌面应用开发代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工
作具有一定的参考学习价值,需要的朋友可以参考下
Electron是一个可以使用 JavaScript，HTML 和 CSS 构建跨平台桌面应用程序的开源框架。
本文主要分享一下采用vue + electron开发桌面程序的搭建过程。
1. 环境准备环境准备
这里采用的是vue-cli3.x，可以通过下面的指令查看当前vue-cli的版本：
vue --version# 3.9.3 这里我用的是3.9.3
如果没有装vue-cli可以通过下面的命令安装：
npm install -g @vue/cli
如果是vue-cli还是2.x可以先卸载2.x然后装3.x
npm uninstall vue-cli -g
npm install -g @vue/cli
2. 创建项目创建项目
这里采用vue-cli创建vue项目。
vue create electron-helloworld
引入vue-cli-plugin-electron-builder
cd electron-helloworld
vue add electron-builder
这一步需要拉取electron-vX.Y.Z-win32-x64.zip，过程非常漫长。
3. 运行项目运行项目
运行electron项目。
npm run electron:serve
资源评论
