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 npm run dev 4. 安装electron npm add --dev elect...
要将现有的Vue 3 + TypeScript + Vite项目集成到Electron中,你可以按照以下步骤进行: 1. 安装Electron及相关依赖 首先,你需要在你的Vue 3项目中安装Electron及其相关依赖。打开终端,在项目根目录下运行以下命令: bash npm install electron --save-dev 同时,你还需要安装electron-builder来简化打包过程: bash npm...
<img alt="Vue logo" src="./assets/logo.png" /> <HelloWorld :msg="`Hello Vue 3 + TypeScript + Vite in ${platform}`" /> </template> 执行完以上步骤后,运行项目看一下效果。
{"name":"electron-desktop","private":true,"version":"1.0.0","main":"dist/electron-main/index.js","scripts":{"dev":"vite","build":"rimraf dist && vite build && electron-builder"},"dependencies":{"vue":"^3.2.25"},"devDependencies":{"@vitejs/plugin-vue":"^2.3.1","electron":"...
目前常用创建 Electron + Vite + Vue3 + Typescript 项目的工具有两个: Electron Forge,该工具为Electron的官方工具 2. Electron-vite,该是一个新型构建工具,已经逐渐成为 Electron 开发生态的一部分。 经过两…
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。目前 Vue 已经成为继 Rect 之后最流行的前端开发框架。 我找到了一个插件:vite-plugin-electron,可以很方便的帮我们把 electron 和 vue 结合起来,开发起来非常方便。
vite-plugin-electron插件是将 vite 和 electron 结合在一起的,可以让我们非常方便的结合 electron 和 vue,需要做一些指定的配置。 初始化electron项目 新建目录文件electron-main/index.ts主进程目录和文件、electron-preload/index.ts预加载目录和文件 // electron-main/index.tsimport{app,BrowserWindow}from'electron...
vite-plugin-electron插件是将 vite 和 electron 结合在一起的,可以让我们非常方便的结合 electron 和 vue,需要做一些指定的配置。 初始化electron项目 新建目录文件electron-main/index.ts主进程目录和文件、electron-preload/index.ts预加载目录和文件 // electron-main/index.ts ...
vite-plugin-electron插件是将 vite 和 electron 结合在一起的,可以让我们非常方便的结合 electron 和 vue,需要做一些指定的配置。 初始化electron项目 新建目录文件electron-main/index.ts主进程目录和文件、electron-preload/index.ts预加载目录和文件 // electron-main/index.tsimport{app,BrowserWindow}from'electron...
参考:Vite + Vue 3 + electron + TypeScript - DEV Community 第1步,建立一个新的vite项目 yarn create vite 第2步,安装项目依赖 yarnadd-Dconcurrently cross-env electron electron-builder wait-on 第3部,修改package.json文件 添加build节点,更多的信息可以参阅electron.build ...