"start": "electron-vite preview", "dev": "electron-vite dev", "build": "electron-vite build", "postinstall": "electron-builder install-app-deps", "build:win": "npm run build && electron-builder --win --config", "build:mac": "npm run build && electron-builder --mac --config",...
在「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:...
搭建上述软件时遇到以下问题: electron与vite同时启动时第一次会抛错找不到页面,解决方式:先运行vite之后再执行electron dev环境下electron无法监听到vite项目文件热重载,解决方式:1.热重载构建vite项目,2.使用electron-reload监听文件变化 子进程无法调用主进程api,解决方式:1.electron/remote(没研究出来),2.ipcMain和...
我们进入目录,使用命令,npm run dev, 就可以看到 Vite 模板工程的首页了。 接下来,我们将把Electron 添加到此工程中,让一个Web 工程,转变为桌面应用程序。 将Electron 添加到我们的Vite 项目中 Electron 官方的快速 入门指南,跟本文近似。但是根据 Vite+ Vue 做了一些适应性的修改 。 第一步,我们要在项目中,...
1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: $ yarn add --dev electron concurrently cross-env electron-builder wait-on ...
Electron、Vite和Vue3的结合,为我们提供了一个强大而灵活的解决方案,能够快速开发出美观、功能丰富的跨平台桌面应用。 一、Electron简介 Electron是一个使用Web技术(HTML, CSS, 和JavaScript)来创建跨平台桌面应用程序的框架。它结合了Chromium和Node.js,让开发者能够使用前端技术来编写应用界面,并通过Node.js访问底层...
使用Electron可以让我们前端开发者快速搭建出桌面应用程序,我们所熟知的VS code就是使用Electron开发的。由于Electron更新迭代非常快,加上Vue3已经发布很长一段时间了,所以我们很有必要将我们的项目升级一下,所以这里就利用electron+Vue3搭建一个万精油的项目框架!
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 创建一个Vite项目 1. 安装 vite yarn create vite 2. 创建项目 创建命令如下: yarn create vite <your-vue-app-name> --template vue 此处创建一个项目,名为kuari。 yarn create vite kuari --template vue 3. 进入且运行 进入项目,在运行前需要先...
electronelementElement-UIvue 1.使用vite 构建 electron项目 创建一个vite 项目 Bash npm init vite@latest 安装electron Bash npm i npm run dev npm install electron -D npm install vite-plugin-electron -D 根目录新建 electron / index.ts 修改vite.config.ts 配置文件 ...