vite --config vite.config.electron.ts:指定vite运行时的配置文件。 {"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:...
import { spawn } from 'child_process' import { createServer, build } from 'vite' // electron 绝对路径,Windows 为 electron.exe import electronPath from 'electron' // --- 渲染进程部分 --- const server = await createServer({ configFile: 'packages/renderer/vite.config.ts' }) await server....
npm i electron-vite -D 开发&编译 在安装了electron-vite的项目中,可以直接使用npx electron-vite运行, 也可以在package.json文件中添加 npm scripts: { "scripts": { "start": "electron-vite preview", // start electron app to preview production build "dev": "electron-vite dev", // start dev s...
3.3 使用 //app.vue文件中<template><el-button type="primary">Primary主键</el-button><el-button type="success">呵呵</el-button>日期选择器<el-date-picker placeholder="请点击选择日期"></el-date-picker><HelloWorld msg="Vite+Vue"/></template> 3.4 结果 使用npm run dev运行后多出了两个文件a...
有两种方式: 1. 使用electron-vite框架搭建,优点是环境齐全、搭建简单 2. 自己一步步搭建。(推荐) # 第一种:使用别人的框架直接搭建 容易 使用的框架为electron-vite 官网地址:https://cn-evite.netlify.app/ ## 1、安装electron
得益于 Vite 卓越的前端开发体验,越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但...
当谈到构建现代化的桌面应用程序时,Electron-Vite(也称为Vite-Electron)是一个值得关注的工具。 注意事项:electron 需要配置一下镜像 npm config set electron_mirror=https://npm.taobao.org/mirrors/electron/ Vite作为一个快速的前端构建工具,通过利用浏览器的原生模块系统,提供了快速的冷启动和模块热重载的能力。
npm init electron-app@latest my-new-app -- --template=vite 1. Vue3 添加vue依赖 复制 npm install--save vue 1. 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。
第一步:搭建VITE项目 1、进入任意空文件夹,地址栏输入cmd回车,命令符下输入code回车,即可直接用vscode打开该文件,也可以直接运行vscode打开此文件夹 2、vscode打开后,按快捷键 ctrl+shift+` 打开一个终端,输入 yarn create vite 回车, 提示:project name即文件夹名称,可缺省或自定义输入; ...
2.调整vite.config.ts文件 设置自动导入的路径 //... import path from 'path' AutoImport({ // ... dts: path.resolve(__dirname, 'types/auto-imports.d.ts') }), Components({ // ... dts: path.resolve(__dirname, 'types/components.d.ts') })...