npm install -D vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } =...
使用Electron、Vite、Vue 3 和 TypeScript 搭建项目的步骤 使用Electron、Vite、Vue 3 和 TypeScript 搭建一个桌面应用项目,可以遵循以下步骤: 创建Vite + Vue 3 + TypeScript 项目: 使用Vite 创建一个新的 Vue 3 项目,并指定使用 TypeScript。 bash npm create vite@latest my-vue3-ts-app -- --template...
# 创建Vue项目 npm init vue # 安装依赖 npm install # 一定要安装成开发依赖 npm install electronelectron-builder-D # 安装超时 请使用某宝镜像 或者XX上网 npm config set electron_mirror=https://registry.npmmirror.com/-/binary/electron/ 开发环境启动electron 我们希望npm run dev的时候直接把electron也启...
1. Node环境V14.8.2 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 及更高版本将启用...
第1步,建立一个新的vite项目 yarn create vite 第2步,安装项目依赖 yarnadd-D concurrently cross-env electron electron-builder wait-on 第3部,修改package.json文件 添加build节点,更多的信息可以参阅electron.build "build": {"appId":"com.my-website.my-app","productName":"MyApp","copyright":"Copyrig...
目录 前言: 准备工作: 架构设计: 基本代码: 代码结构: 主进程(main.js): 子进程: 工具函数: 消息中心: electron模块: 在vue的全局调用上述几个函数: 脚本: 问题避坑: 搭建上述软件时遇到以下问题: 总结: 前言: 随着前端...
将小工具移植到龙芯平台,需借助electron-vite、vue3与element-plus框架。工具原基于ts语言编写。龙芯设备采用loong64指令集,进行移植时需遵循特定步骤。开发模式成功运行,却在使用electron-builder时遇到不兼容loong64的提示,需进一步解决。解决办法涉及对electron-builder配置的调整,以确保其兼容loong64指令...
最新研发electron31-vue3 setup跨平台管理系统ElectronVue3Admin。 基于最新前端技术栈Vite5.x、Vue3、Electron31、ElementPlus、Vue-I18n、Echarts搭建项目模板。支持中英文/繁体国际化解决方案,支持动态权限路由、多页签缓存路由。 技术栈 编码工具:Vscode
目前社区两大 Vue+Electron 的脚手架:electron-vue 和 vue-cli-plugin-electron-builder。都有这样那样的问题,且都还不支持 Vue3,然而 Vue3 已是大势所趋,Vite 势必也将成为官方 Vue 脚手架,下图是尤雨溪在开发好 Vite 之后与 webpack 之父的对话: ...
electron vite2 vue3 安装 cvep my-electron-cvep npm config set registry=https://registry.npm.taobao.org/ npm config set ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ npm install cvep -g cvep库地址,这就是个写好的模板,拉下来,安装就ok了...