在「vite.config.ts」中配置vite-plugin-electron插件入口 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import electron from 'vite-plugin-electron' // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), electron({ // 主进程入口文件 entry:...
"build":"vite build","preview":"vite preview","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore","format":"prettier --write src/","build:win":"npm run build && cd electron && npm run build:win","start":"cd electron && npm run start"},"dep...
import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'// https://vitejs.dev/config/exportdefaultdefineConfig({base: process.env.ELECTRON=="true"?'./':"",plugins: [vue()] }) 因为base的设置在ELECTRON环境下与网站不同。 第5 步: 在项目根文件夹创建一个新的文件夹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","electron-updater":"^4.3.5", 注意:这些依赖全部安装在devDependencies下 各个库的版本发文时应该是最新的了,不过如果有更新的版本,你...
Vue 3.2.47 Yarn 1.22.18 开发步骤 1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: $ yarn add --dev electron concurrently cross-env electron-builder wait-on ...
import{ defineConfig }from'vite';importvuefrom'@vitejs/plugin-vue';exportdefaultdefineConfig({plugins: [vue()],build: {outDir:'dist', }, }); 3. 配置 Electron 在项目根目录下创建main.js文件,这是 Electron 的主进程文件: const{ app,BrowserWindow} =require('electron');constpath =require('...
配置Electron:在vue.config.js或electron-builder.config.js中配置Electron启动参数、打包选项等。 开发应用:编写Vue组件和逻辑,利用Electron的API访问系统资源。 调试与测试:利用Electron提供的调试工具或Vite的热模块替换功能进行快速开发和测试。 打包与发布:使用Electron Builder进行打包,生成各平台可执行文件。 四、与Go...
3. 安装electron npm install --save-dev electron npm install --save-dev electron@20.0.0 指定版本 注意:在electron21+后调用C++动态库会出现Error: Error in native callback错误,原因:Electron 21 及更高版本将启用 V8 内存隔离区,这将对一些原生模块产生影响。 解决方案:降低electron版本,目前论坛大部分使用...
npm install vue-router 二、配置项目文件路径 三、配置路由router 在src下新建一个router目录,然后在里面添加一个index.ts文件,在里面配置路由 import { createRouter, createWebHashHistory } from 'vue-router' const router = createRouter({ // hash 模式。