所以我们需要修改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...
在「vite.config.ts」中配置vite-plugin-electron插件入口 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import electron from 'vite-plugin-electron' // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), electron({ // 主进程入口文件 entry:...
我们需要先借助Vite初始化一个Vue3+TS 的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始...
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 async、await 使用同步的方式编写异步代码,JS基础入门ES6~ES13 Web前端项目实战全套视频教程课程 邓瑞编程 5021 ...
1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: $ yarn add --dev electron concurrently cross-env electron-builder wait-on ...
1.初始化vue3项目 2.安装electron、electron-win-state 3.根目录新增main.ts文件 4.package.json文件新增入口文件,和执行...
得益于 Vite 卓越的前端开发体验,越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但都存在着一些共同的问题: 配置相对复杂,繁琐 需要辅助脚本来配合编译开发 无法举一反三,自主选择前端框架(Vue、React 和 Svelte 等) 无法保护源代码 旨在解决这些...
基于Vite+Vue3+Electron整了一个桌面应用模板 目录 前言: 准备工作: 架构设计: 基本代码: 代码结构: 主进程(main.js): 子进程: 工具函数: 消息中心: electron模块: 在vue的全局调用上述几个函数: 脚本: 问题避坑: 搭建上述软件时遇到以下问题: 总结:...
1. 安装 vite npm create vite 2. 创建项目 输入具体的vite项目名字,这里是vite-project Project name: ... vite-project Select a framework: » vue Select a variant: » vue-ts 3. 进入且运行 进入项目,在运行前需要先安装下依赖。 npm install ...