"private":true,"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint","electron:build": "vue-cli-service build && electron-builder","electron:serve": "electron ."},"build": {"productName": "txhdemo","appId"...
import { app, protocol, BrowserWindow } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib' import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer' const isDevelopment = process.env.NODE_ENV !== 'production' // 在应用程序准备就绪之前,必...
1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
electron-v1.8.2-win32-x64.zip SHASUMS256.txt 放到目录:C:\Users\windows用户\AppData\Local\electron\Cache,并将.txt文件名加上版本号: electron-v1.8.2-win32-x64.zip SHASUMS256.txt-1.8.2 或者网上有人说可以从淘宝镜像站下载:https://npm.taobao.org/mirror... 2.app-builder-v0.6.1-x64.7z ...
1.2、vue cli + vue-cli-plugin-electron-builder安装方法 1.1.1、创建vue项目 vue create electron-demo 1.1.2、安装vue-cli-plugin-electron-builde插件 vue add vue-cli-plugin-electron-builde 2、窗口配置 例如登录窗口config.ts login: { url: `${baseUrl}#/login`, ...
配置electron-builder: 简单项目,不要搞那么多配置文件,就在vite提供的最外层package.json里面配置electron-builder就够用了。 先在scriptes标签里面增加命令: "dist": "electron-builder", 先运行vue项目:yarn dev,再打包electron:yarn dist,如果终端不报错,并且在项目的dist文件夹中出现下图,说明打包成功: 在这里插...
丰富的配置选项:electron-builder允许你通过配置文件来定义构建过程中的各种设置,如应用程序的元数据、文件结构、图标、版本信息、签名等。这使得你可以轻松地定制构建过程以满足你的需求。 自动更新:electron-builder支持自动更新功能,可以让你的应用程序在用户打开应用时检查并自动下载新版本。这有助于保持用户体验和及时...
2.2.vue.config.js配置内容如下: module.exports = { runtimeCompiler: true, //保证运行时不报错,正常显示界面 pluginOptions: { //添加成功后,保证electron中remote对象正常使用 electronBuilder: { nodeIntegration: true } } } 2.3.backround.js需要做简单的修改,因为代码中检测了浏览器的vue插件的安装和执行...
https://nklayman.github.io/vue-cli-plugin-electron-builder/ 1. 用vuecli创建一个vue工程 过程省略 2. 安装electron-builder vue add electron-builder // 安装的东西很多,注意网络 // 可以先安装cnpm install --save-dev electron-chromedriver
electron-vue 常用配置 详见代码中的注释 src\main\index.js import{app,BrowserWindow}from'electron' if(process.env.NODE_ENV!=='development') { global.__static=require('path').join(__dirname,'/static').replace(/\\/g,'\\\') } // 开发模式的话走webpack-dev-server的url ...