为了使用Vite创建一个Electron项目,你可以按照以下步骤进行操作: 1. 安装或确认已安装Node.js环境 首先,确保你的系统中已经安装了Node.js。你可以通过运行以下命令来检查Node.js是否已安装以及它的版本: bash node -v 如果尚未安装Node.js,请从Node.js官方网站下载并安装最新版本。 2. 使用npm或yarn全局安装Vite...
搭建Vite 项目(根据官方文档搭建),安装 electron、nodemon。 BASH pnpm install electron nodemon -D 配置 electron/main.js electron/main.js JS import { app, BrowserWindow } from "electron"; const createWindow = () => { const win = new BrowserWindow({ width: 800, height: 600 }); win.load...
1、创建项目 npm init vite @latest 项目名称 vue typescript 注释:如果没有安装全局的electron npm install electron 安装不成功时需要配置C:\Users\72764\.npmrc(electron_mirror="https://npm.taobao.org/mirrors/electron/") 2、安装服务 concurrently:阻塞运行多个命令,-k参数用来清除其它已经存在或者挂掉的进程...
"@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0.2","electron-builder":"^22.9.1","electron-updater":"^4.3.5", 注意:这些依赖全部安装在devDependencies下 各个库的版本发文时应该是最新的了,不过如果有更新的版本,你...
先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 ...
"vite":"^4.4.5""react":"^18.2.0""electron":"^27.0.1""electron-builder":"^24.6.4""vite-plugin-electron":"^0.14.1" 搭建react18项目 使用vite4构建工具创建react项目模板。 yarn create vite electron-vite4-react18 # 选择创建react模板 ...
一、搭建项目 1、使用vite创建vue3项目 npm init vite 2、安装依赖 npm install 3、安装electron npm install electron --save-dev 4、配置package.json "main": "main.js", "scripts": { "dev": "vite", "start": "electron ." } 5、创建文件 main.js主进程文件 preload.js预加载脚本文件 6、...
2. 创建一个vite项目 在windows包里调出cmd后执行 npm create vite 3. 安装electron npm install --save-dev electron npm install --save-dev electron@20.0.0 指定版本 注意:在electron21+后调用C++动态库会出现Error: Error in native callback错误,原因:Electron 21 及更高版本将启用 V8 内存隔离区,这将...
Electron【创建项目】使用 electron-vite (含启动项目) 1. 新建项目文件夹 以项目 electron-vue3 为例 2. 运行脚手架命令 在electron-vue3 文件夹内打开命令行执行 npm create @quick-start/electron@latest 1. 3. 用 vscode 打开项目 4. 安装项目依赖...