一、搭建项目 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、创建文件
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: "@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","elec...
less":"^4.1.3","prettier":"^2.8.8","vite":"^4.3.9","vue":"^3.3.4"}} 执行npm run dev会看到 4. 打包exe 执行npm run build:win就会开始打包,打包前会从github下载必要的3个资源文件,这三个文件虽然不大,但是大概率要下载失败,所以手动点击报错信息上的网址手动下载下来。 winCodeSign-2.6.0.7z...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 复制 "@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":"^...
1.现实问题 得益于 Vite 卓越的前端开发体验,越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但都存在着一些共同的问题: 配置相对复杂,繁琐 需要辅助脚本来配合编译开发 无法举一反三,自主选择前端框架(Vue、React 和 Svelte 等) 无法保护源代码...
目录 前言: 准备工作: 架构设计: 基本代码: 代码结构: 主进程(main.js): 子进程: 工具函数: 消息中心: electron模块: 在vue的全局调用上述几个函数: 脚本: 问题避坑: 搭建上述软件时遇到以下问题: 总结: 前言: 随着前端...
如何优雅的创建Electron + Vue3 + Vite项目 错误示范 先创建vite项目 代码语言:shell 复制 yarncreate vite 然后加入electron依赖 代码语言:shell 复制 yarnadd--develectron concurrently cross-env electron-builder wait-on 之后就是无尽的报错 正确示范
bili_67938432022创建的收藏夹前端内容:Vue3 + vite + Ts + pinia + 实战 + 源码 + electron,如果您对当前收藏夹内容感兴趣点击“收藏”可转入个人收藏夹方便浏览
Vue3 + vite + Ts + pinia + 实战 + 源码 + electron 128.2万播放 小满Vue3(课程导读) 02:48 小满Vue3(第一章 Vue3概述-梦开始的地方) 07:15 小满Vue3(第二章 环境搭建 底层介绍) 13:02 小满Vue3(第三章 认识目录&SFC&插件) 06:44 小满Vue3(第四章 模板语法 & vue指令) 19:11 小满Vue3...
得益于 Vite 卓越的前端开发体验,越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但都存在着一些共同的问题: 配置相对复杂,繁琐 需要辅助脚本来配合编译开发 无法举一反三,自主选择前端框架(Vue、React 和 Svelte 等) 无法保护源代码 旨在解决这些...