使用electron-vite 创建项目是一个相对简单的过程,以下是详细的步骤: 1. 安装 electron-vite 模板 首先,你需要全局安装 create-electron-vite 包,这是一个用于创建 electron-vite 项目的模板工具。你可以使用 npm 或 yarn 来安装它: bash npm init @vitejs/app@latest my-electron-vite-app -- --template ele...
Electron【创建项目】使用 electron-vite (含启动项目) 1. 新建项目文件夹 以项目 electron-vue3 为例 2. 运行脚手架命令 在electron-vue3 文件夹内打开命令行执行 npm create @quick-start/electron@latest 1. 3. 用 vscode 打开项目 4. 安装项目依赖 在vscode 的终端中执行 npm i 1. 5. 启动项目 6. ...
2、创建项目 yarn create @quick-start/electron 这里项目名字为:electron-app(自行修改),使用react框架 3、进入项目目录 cd electron-app 4、安装依赖 yarn 5、运行 yarn dev 6、修改页面 src/renderer/src即为修改页面的位置 src/renderer/src/App.tsx 第二种:自己搭建 Electron+Vite+React 1、创建项目 项目...
1、创建vite项目,安装electron,electron从23开始不支持win7,win8.1所以我用最后一个版本 pnpm create vite pnpm ADD -D electron@22.3.27 pnpm i vite-plugin-electron -D 2、创建electron的主进程文件 electron的main.ts和preload.ts //const { app, BrowserWindow, screen } = require("electron");import { ...
创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') ...
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参数用来清除其它已经存在或者挂掉的进程...
一、创建项目 1、脚手架创建 //官方脚手架 npm create electron-app@latest my-app //my-app 项目名称 //create-electron-vite脚手架 npm create electron-vite@latest my-app 2、选择模板 PS D:\webPro\yunfeng\electron> npm create electron-vite@latest electron-note ...
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主进程文件 ...
代码语言:shell 复制 touch.npmrc&&echo"electron.mirror=https://npm.taobao.org/mirrors/electron/">.npmrc 创建好了直接yarn安装依赖yarn dev运行就ok了 结尾 为了创建这个工程,真的是一波三折,最后总结出来用@quick-start/electron创建项目确实快。