效果图
什么时Electron
Electron是使用JavaScript,HTML和CSS构建跨平台的桌面应用程序框架。 Electron兼容Mac、Windows和Linux,可以构建出三个平台的应用程序。
现有的vue3项目集成Electron
安装依赖
原来有一个vue3+ts+vite+pnpm的项目,其中sub-modules是子项目,web是主入口项目,项目结构如下:
需要将其转换成Electron项目,只需要在原来web项目上安装Electron依赖并进行配置即可。文章来源:https://www.toymoban.com/news/detail-652006.html
在安装依赖前我们需要先设置下pnpm的源,如下:文章来源地址https://www.toymoban.com/news/detail-652006.html
pnpm config set electron_mirror=https://npm.taobao.org/mirrors/electron/
到了这里,关于现有的vue3+ts+vite项目集成electron的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!