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参数用来清除其它已经存在或者挂掉的进程...
npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } = ...
在vite.config.js中引入vite-plugin-electron配置主进程入口electron-main.js文件。 import { defineConfig, loadEnv } from 'vite'import react from'@vitejs/plugin-react'import electron from'vite-plugin-electron'import { resolve } from'path'import { parseEnv } from'./src/utils/env'//https://vite...
npm install -D unplugin-vue-components unplugin-auto-import 2.配置文件修改 vite.config.ts文件补充配置 import { defineConfig } from 'vite' import AutoImport from 'unplugin-auto-import/vite' import Components from 'unplugin-vue-components/vite' import { ElementPlusResolver } from 'unplugin-vue...
1.创建工程直接用开源的electron构建脚手架:https://github.com/electron-vite/electron-vite-vue使用命令创建工程这是我的一个技术博客网站,主要目地是为了方便自己整理基础知识应用与收集常见技术问题,以便后面出现同样问题可以直接解决; 1.创建工程 直接用开源的electron构建脚手架:https://github.com/electron-vite/...
学习Electron入门到精通,掌握Vue3+Vite搭建脚手架项目 #前端 #electron #electron-builder #代码 - 李钟意讲前端于20230601发布在抖音,已经收获了8.7万个喜欢,来抖音,记录美好生活!
执行npm install可能会报错1、socket hang up2、connect ETIMEDOUT 20.205.243.166:443这是electron的安装并不依赖本地npm中registry所配置的镜像,需要增加...
vite.config.ts yarn.lock Repository files navigation README License electron项目模板 用于快速构建桌面客户端项目,包含基础功能如下: 可开启多个窗口 可使用vue devtools方便调试 能生成本地运行日志文件 包含托盘和托盘菜单 一键打包成exe 支持全量更新和增量更新 本地化 sqlite 存储 主要目录结构如下: |-- ele...
1.初始化项目 我们需要先借助Vite初始化一个Vue3+TS的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。
用vue3+elementPlus+vite搭建的electron桌面端应用模板,方便快速创建类似项目 - Jesse121/electron-vue-vite-template