"electron:serve":"electron .","electron:builder":"electron-builder","build:for:electron":"cross-env ELECTRON=true vite build","app:pack":"yarn build:for:electron && electron-builder --dir","app:build":"yarn build:for:electron && yarn electron:builder"}, 添加main节点 {"main":"electron/...
8.打包后Error: Cannot find module 'ref-napi'问题 目前是通过保留node_modules进行打包,可能会导致打包文件过大,暂时没有找到更好的解决方案 官网: https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/guide.html#handling-static-assets 论坛: https://github.com/nklayman/vue-cli-plugin-e...
1. 安装包 除项目本身的包(npm install),还需加如下3个包 npm add electron vite-plugin-electron electron-builder -D 2. 打包配置 1)创建electron入口,根目录新建electron/main.js,默认配置如下 import{app,BrowserWindow}from'electron';importpathfrom'path'constcreatedWindow=()=>{constwin=newBrowserWindow({...
"@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组件和逻辑,利用Electron的API访问系统资源。 调试与测试:利用Electron提供的调试工具或Vite的热模块替换功能进行快速开发和测试。 打包与发布:使用Electron Builder进行打包,生成各平台可执行文件。 四、与Go后台API框架结合 Electron应用往往需要与后端服务交互,使用Go语言开发的API框架(如Gin、Echo等)因...
Postman:由Postman Inc.开发的API测试和开发工具,允许用户轻松地测试和调试REST API。使用Electron和React构建。 创建项目 dev # 创建Vue项目 npm init vue # 安装依赖 npm install # 一定要安装成开发依赖 npm install electron electron-builder -D # 安装超时 请使用某宝镜像 或者XX上网 ...
这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始化一个基本项目后,我们需要在项目中安装一些关于electron的包。 安装electron: npm install electron -D 如果你安装electron不成功,建议使用cnpm安装。 安装electron-builder: ...
"@vue/eslint-config-prettier": "^7.1.0", "electron": "^24.4.1", "electron-builder": "^23.6.0", "electron-vite": "^1.0.23", "eslint": "^8.42.0", "eslint-plugin-vue": "^9.14.1", "less": "^4.1.3", "prettier": "^2.8.8", "vite": "^4.3.9", "vue": "^3.3.4"...
创建electron项目(快捷指令,尽量不要先创建vue3项目再安装electron并配置,超级麻烦且容易很多坑) cnpm create electron-vite cnpm i 或 cnpm create @quick-start/electron@latest 打包electron项目 npm run build 或通过以下指令来打包对应的平台包 如果卡在download提示github的网络问题导致打包失败,则自己根据报错提示...
一说到创建桌面应用,就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。 之前也有使用vite2+vue3+electronc创建桌面端项目,不过vue-cli-plugin-electron-builder脚手架插件构建的项目electron版本只有13.x。如今electron版本都到了24,显然不能再用之前的方...