打包electron项目 npm run build 或通过以下指令来打包对应的平台包 如果卡在download提示github的网络问题导致打包失败,则自己根据报错提示链接先下载对应的包,再手动放到对应的目录即可,以下是各平台对应的目录: Linux: $XDG_CACHE_HOME or ~/.cache/electron/MacOS:~/Library/Caches/electron/Windows:%LOCALAPPDATA%...
我们都知道Electron项目分为了主进程和渲染进程,主进程其实就是我们的Electron,渲染进程就相当于我们的Vue项目。 3.1 新建主进程 为了方便修改代码和查看,我们在项目根目录新建主进程文件夹electron-main,然后在其目录下新建index.ts文件,编写主进程代码。 代码如下: // electron-main/index.ts import { app, Browser...
上段代码主要是一个入口文件,我们把创建创建窗口、创建监听事件、创建系统托盘等操作都风窗到了 window.ts 文件中,这里重点理解下面三个方法: window.listen() window.createWindows({ isMainWin: true }) window.createTray(); 3.2 新建 electron-main/window.ts 文件 前面的 index.ts 只是主进程的入口文件,接...
npm install -D electron electron-builder electron-devtools-installer vite-plugin-electron vite-plugin-electron-renderer rimraf 新建electron-main/index.ts文件 import { app, BrowserWindow } from "electron"; import* as path from "path";//本地启动的vue项目路径const localAddress = "http://localhost:5...
在Vue 3和TypeScript项目中集成Electron并实现窗口圆角,可以按照以下步骤进行: 1. 在Vue 3+TypeScript项目中集成Electron 首先,你需要创建一个Vue 3和TypeScript项目,并集成Electron。这通常涉及以下步骤: 使用Vue CLI创建一个Vue 3项目,并选择TypeScript支持。 安装Electron和相关依赖。 配置Electron主进程和渲染进程。
我们需要先借助Vite初始化一个Vue3+TS的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。
打包后由于electron的缓存导致打开需要10秒左右,清除c盘软件缓存后正常 其他的不记得了。。 这里暂时不提供vue3和electron介绍,有需要的可以先看看社区其他的有关文章或者后期再详细专门提供。软件命名为i-notes。 vue3中文教程vue3js.cn/docs/zh/gui…[1]electron教程www.electronjs.org/[2]typescript教程www.type...
时间 错误 electron版本 Windows信息 软件宽高信息 屏幕宽高比如这个框中的才是主要的信息 vue3 errorHandler main.ts我们需要进行一下改造,并使用errorHandler进行全局的错误监控 import { createApp } from 'vue'; import App from './App.vue'; import router from './router'; import outputErrorLog from ...
1. 搭建vite+vue-ts的项目 yarn create vite@ vuets_electron --template vue-tscd./vuets_electron yarn install && yarn dev AI代码助手复制代码 2. 接入electron 为了保证electron能够正常安装,在vuets_electron的根目录下创建.npmrc, 设置一下electron的镜像源 ...
打包后由于electron的缓存导致打开需要10秒左右,清除c盘软件缓存后正常 这里暂时不提供vue3和electron介绍,有需要的可以先看看社区其他的有关文章或者后期再详细专门提供。软件命名为i-notes。 徐小夕 4 次咨询 5.0 互联网行业 法定代表人 11748 次赞同 去咨询 ...