1.基于 Vite 创建 Vue3 项目 03:29 2.安装和配置 Electron 05:35 3.兼容 mac 02:42 4.win 应用打包 04:38 5.mac 应用打包 04:03 6.基于 Vite【模板】创建和打包 Electron 03:51 小白也能听懂的人工智能课,入学不亏! 零基础学AI 我使用 Tauri 和 Electron 构建了桌面应用 SunlitCherimoya...
注入到 window,可以在渲染器(页面)通过 window[apiKey] 访问contextBridge.exposeInMainWorld('electronAPI', {openChildWin:(data) =>ipcRenderer.send('open-child-window', data),closeChildWin:()=>ipcRenderer.send('close-child-window')// 出于安全原因,不要直接暴露整个 ipc...
npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } = ...
是在https://github.com/electron-vite/electron-vite-vue库的参考下完成的,将此库的文件复制到原本存在的项目中完成打包。 步骤如下: 将electron-vite-vue拷贝到本地 将electron-vite-vue项目中的electron文件夹、electron-builder.json5拷贝到已存在项目根目录下 修改已存在项目的package.json在devDependencies下面添...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...
3.需要你 npm run build 先打包一遍生成 dist 4.在 dist 1.在项目里面 会有index.html 所以不用自己生成 2.pageage.json (也别自己建 看下文) 3.只需要建main.js 文件配置 1. npm install electron electron -v 检查下版本 是否下载成功 先下载这一步 这样就会自动帮你生成 package.json 然后你再去jso...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 复制 "@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0.2","electron-builder":"...
axios官网 一、安装依赖 npm install axios 二、封装通用请求工具 src/utils/request.ts import axios from 'axios' import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus' import { getToken } from '@/utils/auth' ...
报错 解决方案:配置错误,需要包含所加载的js文件 更改配置 package.json文件中build下files配置,更改为如下: "files": [ "controller", "preload", "dist/**/*", "electron/**/*" ],