{name:'vite:watch-package-data',buildStart:[Function:buildStart],buildEnd:[Function:buildEnd],watchChange:[Function:watchChange],handleHotUpdate:[Function:handleHotUpdate]},{name:'vite:pre-alias',resolveId:[AsyncFunction:resolveId]},{name:'alias',buildStart:[AsyncFunction:buildStart]...
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:...
"electron:dev": "concurrently -k \"cross-env BROWSER=none yarn dev\" \"yarn electron\"":使用concurrently同时执行两个命令; cross-env BROWSER=none yarn dev:启动 Vite 开发服务器,并禁止在浏览器中打开应用程序; yarn electron:启动 Electron 应用程序; "app:build": "yarn build:for:electron && yar...
# clone the project git clone https://github.com/electron-vite/electron-vite-vue.git # enter the project directory cd electron-vite-vue # install dependency npm install # develop npm run dev 2 配置router 这里使用vue-router # 安装 npm install vue-router@4 然后src目录下创建ro...
electron-vite是一个与Vite集成的Electron构建工具。开发者无需过多关注配置,无论选择哪种前端框架都能轻松完成构建,提高 Electron 的开发构建效率。 特性 ⚡️使用方式与 Vite 相同 🔨主进程/渲染进程/preload脚本都使用 Vite 构建 📃统一所有配置,合并到一个文件中 ...
所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web项目来说问题不大,但对于我们的Electron项目来说,就影响很大了 今天我就把这个思路和实现方式的关键代码发出来供大家参考, ...
Electron、Vite和Vue3的结合,为我们提供了一个强大而灵活的解决方案,能够快速开发出美观、功能丰富的跨平台桌面应用。 一、Electron简介 Electron是一个使用Web技术(HTML, CSS, 和JavaScript)来创建跨平台桌面应用程序的框架。它结合了Chromium和Node.js,让开发者能够使用前端技术来编写应用界面,并通过Node.js访问底层...
我们希望npm run dev的时候直接把electron也启动起来而不是开两个启动一次vite再启动一次electron 第一步我们需要先建立一个文件夹 在根目录创建一个plugins编写vite插件帮我们启动electron plugins vite.electron.dev.ts //编写electron开发模式 vite.electron.build.ts //打包electron项目 ...
第一步:搭建VITE项目 1、进入任意空文件夹,地址栏输入cmd回车,命令符下输入code回车,即可直接用vscode打开该文件,也可以直接运行vscode打开此文件夹 2、vscode打开后,按快捷键 ctrl+shift+` 打开一个终端,输入 yarn create vite 回车, 提示:project name即文件夹名称,可缺省或自定义输入; ...
试运行初始的Vite模板项目 npm run dev 会弹出访问端口 ,按住Ctrl单击访问网址 VITE v6.1.0readyin501ms ➜ Local:http://localhost:5173/➜ Network:use--host to expose ➜ press h+enter to show help 会在浏览器中打开默认模板: 删除模板文件,留出开发空间 ...