//package.json{"name": "kuari","version": "0.0.0","scripts": {"dev": "vite","build": "vite build","serve": "vite preview","electron:serve": "electron ."//新增},"dependencies": {"vue": "^3.2.16"},"devDependencies": {"@vitejs/plugin-vue": "^1.9.3","electron": "^15.1...
使用Electron、Vite、Vue 3 和 TypeScript 搭建项目的步骤 使用Electron、Vite、Vue 3 和 TypeScript 搭建一个桌面应用项目,可以遵循以下步骤: 创建Vite + Vue 3 + TypeScript 项目: 使用Vite 创建一个新的 Vue 3 项目,并指定使用 TypeScript。 bash npm create vite@latest my-vue3-ts-app -- --template...
vite.config.ts配置 配置主进程和预加载脚本地址 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'; import polyfillExports from 'vit...
Electron结合Vue3.2和TypeScript有哪些优势? 使用Vite搭建Electron+Vue3.2+TypeScript项目的步骤是什么? 在Electron+Vue3.2+TypeScript项目中如何进行性能优化? Electron可以让程序员重用Web的代码,使用HTML、CSS、JavaScript来构建桌面应用,并在不同平台上使用。 Electron官网上说:“比你想象的更简单”———“如果你可以...
使用vue3和vite创建vue的项目然后引入electron 先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron ...
目前常用创建 Electron + Vite + Vue3 + Typescript 项目的工具有两个: Electron Forge,该工具为Electron的官方工具 2. Electron-vite,该是一个新型构建工具,已经逐渐成为 Electron 开发生态的一部分。 经过两…
作者:周文武,Electron+Vue3+Vite搭建一个桌面应用:现实问题得益于Vite卓越的前端开发体验,越来越多的Electron项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于Vite搭建的Electron开发模板,但都存在着一些共同的问题:配置相
// https://vitejs.dev/config/ export default defineConfig({ base: "./", plugins: [vue()], }) 我们在终端中,执行npm run build命令。 就在根目录中生成了, dist 文件夹。 设置Electron 框架 有了Vue3 项目构建出来的 dist 目录之后, 设置Electron 就很简单了。
vite-typescript 安装VUE npm install--save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。 import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue'import{resolve}from'path...
由于Electron更新迭代非常快,加上Vue3已经发布很长一段时间了,所以我们很有必要将我们的项目升级一下,所以这里就利用electron+Vue3搭建一个万精油的项目框架! 1.初始化项目 我们需要先借助Vite初始化一个Vue3+TS 的项目,后面我们在逐步添加electron,在任何一个文件夹下: ...