npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } = ...
2.安装和配置 Electron 05:35 3.兼容 mac 02:42 4.win 应用打包 04:38 5.mac 应用打包 04:03 6.基于 Vite【模板】创建和打包 Electron 03:51 小白也能听懂的人工智能课,入学不亏! 零基础学AI 【2024新版】1小时学会ESM规范Electron,前端跨平台桌面应用零基础入门教程 邓瑞编程 1.1万 1 【邓...
主要利用electron-builder来进行打包。 安装electron-devtools-installer: npm install electron-devtools-installer -D 该包主要是为了方便我们开发和调试electron,可以去官网详细了解:electron-devtools-installer。 安装vite-plugin-electron: npm install vite-plugin-electron -D 该包集成了Vite和Electron,比如使用它之后可...
方案一:打包成一个文件 step1:安装vite-plugin-singlefile npm i vite-plugin-singlefile step2:配置@vite-plugin-singlefile相关内容,在vite.config.ts(js)中修改 import{ defineConfig }from'vite';importvuefrom'@vitejs/plugin-vue';importAutoImportfrom'unplugin-auto-import/vite';importComponentsfrom'unplugin...
exist. Seems like a wrong configuration. failedTask=build stackTrace=Error: Application entry file "electron\main.js" in the "D:\vs2024proj\electron_vite_ts_demo_sunny\electron-vite-demo-sunny\dist_electron\win-ia32-unpacked\resources\app.asar" does not exist. Seems like a wrong configuration...
到这里一个简单的vite3+vue3项目就初始化好了。 安装Electron及相关依赖包 基础vue3项目创建好后,需要在项目中安装一些electron依赖的包。如果在安装过程中卡住或失败,建议切换淘宝镜像,使用cnpm安装。 # 安装electron yarn add-D electron # 安装electron-builder 用于打包可安装exe程序和绿色版免安装exe程序 ...
git clone https://gitee.com/mywink/vite-electron.git yarn yarn build yarn dev 1. 2. 3. 4. 5. 从github 上下载这个项目, 运行, 就得到了 electron 桌面版的项目, 采用 vue3 来写的项目, 并且可以打包成 exe 就它了! 作者:panie...
electron-builder: electron打包库 yarn add -D cross-env electron-builder 更新后的scripts如下: { "dev": "vite", "build": "vite build", "serve": "vite preview", "electron": "wait-on tcp:3000 && cross-env NODE_ENV=development electron .", // 此处需要设置环境变量以保证开发时加载url "...
vite5-electronAdmin:原创Electron31+Vite5+element-plus实战桌面端后台管理系统。 运用技术 框架技术:vite^5.3.4+vue^3.4.31+vue-router^4.4.0跨端框架:electron^31.3.0UI组件库:element-plus^2.7.8状态管理:p...
vue3作为国内主流开发框架,而vite又是vue团队推荐打包工具,在大多数的项目中都是部署在服务器上,通过http://协议访问ip、域名,但是在一些混合式开发如android或者electron中需要提供的html页面,然后使用file://协议访问。在这样的背景下就需要我们使用vite打包vue3项目支持file://协议访问。通过查找相关资料实现逻辑主要...