npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } = ...
所以我们需要修改vite.config.ts配置文件,以此将electron和vite项目结合起来。 代码如下: import { defineConfig } from "vite"; import vue from "@vitejs/plugin-vue"; import * as path from "path"; import electron from "vite-plugin-electron"; import electronRenderer from "vite-plugin-electron/rendere...
创建项目可参考:vue3+ts项目构建 安装electron相关依赖 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";//本地启动的...
所以我们需要修改vite.config.ts配置文件,以此将electron和vite项目结合起来。 代码如下: import { defineConfig } from "vite";import vue from "@vitejs/plugin-vue";import * as path from "path";import electron from "vite-plugin-electron";import electronRenderer from "vite-plugin-electron/renderer";im...
简介: 使用vue3+vite+electron构建小项目介绍Electron进程间通信 进程间通信 (IPC) 是在 Electron 中构建功能丰富的桌面应用程序的关键部分之一。 由于主进程和渲染器进程在 Electron 的进程模型具有不同的职责,因此 IPC 是执行许多常见任务的唯一方法,例如从 UI 调用原生 API 或从原生菜单触发 Web 内容的更改。
Vue3 + vite + Ts + pinia + 实战 + 源码 + electron 128.2万播放 小满Vue3(课程导读) 02:48 小满Vue3(第一章 Vue3概述-梦开始的地方) 07:15 小满Vue3(第二章 环境搭建 底层介绍) 13:02 小满Vue3(第三章 认识目录&SFC&插件) 06:44 小满Vue3(第四章 模板语法 & vue指令) 19:11 小满Vue3...
electron.vite.config.ts ==》这个和vue中的vite.config.js || vue.config.js类似安装路由安装路由:npm install vue-router -S新建:router/index.jsrouter/index.js写入内容import { createRouter, createWebHashHistory } from "vue-router";export default createRouter({...
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+vite+Vue3+Pinia+TS+RBAC,完整一套企业实战级真实项目。 程序员小伙伴 1852 1 19:22:59 2024前端实战:vue+elementPlus后台管理系统实操,企业框架,开发流程一键搞定!(企业开发/项目实战)S0009 前端打工妹 5533 5 6:02:20 【已完结(2023更新)】2023年最新版Vue3全套教程(超细致月嫂级教程,包...
1.初始化vue3项目 2.安装electron、electron-win-state 3.根目录新增main.ts文件 4.package.json文件新增入口文件,和执行...