现有的vue3+ts+vite项目集成electron

效果图

在这里插入图片描述

什么时Electron

Electron是使用JavaScript,HTML和CSS构建跨平台的桌面应用程序框架。 Electron兼容Mac、Windows和Linux,可以构建出三个平台的应用程序。

现有的vue3项目集成Electron

安装依赖

原来有一个vue3+ts+vite+pnpm的项目,其中sub-modules是子项目,web是主入口项目,项目结构如下:
在这里插入图片描述
需要将其转换成Electron项目,只需要在原来web项目上安装Electron依赖并进行配置即可。

在安装依赖前我们需要先设置下pnpm的源,如下:

pnpm config  set  electron_mirror=https://npm.taobao.org/mirrors/electron/

猜你喜欢

转载自blog.csdn.net/rotating_windmill/article/details/132297816