"@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下 各个库的版本发文时应该是最新的了,不过如果有更新的版本,你...
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({...
"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/...
cnpm i electron electron-builder -D 配置electron 开发环境 当使用 electron 加 vue3 进行开发时,如果不进行开发配置,需要在启动 vue 项目时,另开一个终端,单独启动 electron,同时在更改主进程代码时,窗口不会自动刷新,需要终结掉之前的 electron 启动进程,重新启动才能获取到最新的主进程更改。 为了方便开发,可以...
在安装 electron之前需要先配置一下 安装源 在根目录下新建一个.npmrc文件 strict-ssl=false registry=https://registry.npmmirror.com/ electron_mirror=https://registry.npmmirror.com/-/binary/electron/ electron_builder_binaries_mirror=https://registry.npmmirror.com/-/binary/electron-builder-binaries/ ...
Postman:由Postman Inc.开发的API测试和开发工具,允许用户轻松地测试和调试REST API。使用Electron和React构建。 创建项目 dev # 创建Vue项目 npm init vue # 安装依赖 npm install # 一定要安装成开发依赖 npm install electron electron-builder -D # 安装超时 请使用某宝镜像 或者XX上网 ...
(3) Public包拷贝到运行环境中 (4) 配置index.html为保留文件,不然打包后会显示白板 8.打包后Error: Cannot find module 'ref-napi'问题 目前是通过保留node_modules进行打包,可能会导致打包文件过大,暂时没有找到更好的解决方案 官网: https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/guide...
"@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"...
开发应用:编写Vue组件和逻辑,利用Electron的API访问系统资源。 调试与测试:利用Electron提供的调试工具或Vite的热模块替换功能进行快速开发和测试。 打包与发布:使用Electron Builder进行打包,生成各平台可执行文件。 四、与Go后台API框架结合 Electron应用往往需要与后端服务交互,使用Go语言开发的API框架(如Gin、Echo等)因...
这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始化一个基本项目后,我们需要在项目中安装一些关于electron的包。 安装electron: npm install electron -D 如果你安装electron不成功,建议使用cnpm安装。 安装electron-builder: ...