"@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下 各个库的版本发文时应该是最新的了,不过如果有更新的版本,你...
// 指向主进程目录 build: { outDir: '../../dist/main', lib: { entry: 'index.ts', // Electron 目前只支持 CommonJs 格式 formats: ['cjs'], fileName: () => '[name].cjs', }, rollupOptions: { external: [ // 告诉 Rollup 不要打包内建 API 'electron', ...built...
"start": "electron ." pnpm i concurrently -D 可以同时启动多个,目的是开发环境加载网址,生产环境加载本地文件 创建main文件夹在src中,作为electron文件夹存放文职,创建main.js const{ app, BrowserWindow, screen } = require("electron");//import path from "path";constcreateWindow = () =>{constwin =...
npm install -D electron electron-builder electron-devtools-installer vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.js文件 用来写主进程代码 const{app,BrowserWindow}=require('electron');const...
搭建第一个 electron-vite 项目 在命令行中运行以下命令: npm create @quick-start/electron yarn create @quick-start/electron pnpm create @quick-start/electron 然后按照提示操作即可! ✔ Project name: … <electron-app> ✔ Select a framework: › vue ✔ Add TypeScript? … No / Yes ✔...
由于electron主进程是使用的node环境,而默认情况下,Node.js 使用的是 CommonJS 模块规范,而import语句属于 ECMAScript 模块规范,两者不兼容。所以需要使用编译为 CommonJS 规范的dist-electron/main.js作为main属性的入口文件,否则会报es6语法错误。 由于dist-electron文件夹下是打包编译后的CommonJS模块规范的代码,当pa...
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版本,目前论坛大部分使用...
在Electron 中开启 node 集成,可全程基于 cjs 模块化标准编写代码,尽管不需要编译构建,但不利于利用现代前端框架,还会面临严重的性能和安全问题 基于esm 标准不编译构建,尽管 node 本身已支持,但 Electron 并不支持,这也是 Electron 后续版本的一项工作 electron-vite 是什么 ...
1.使用electron-vite创建工程 目录在 xxxx_projects\favorite_modules\electron-vite 推荐使用最简单的方式创建electron-vite项目 npm create @quick-start/electron//有几个选项,依次是项目名称,使用vue框架,是否使用ts✔ Project name:…<electron-app>✔ Select a framework:› vue ...
Electron、Vite和Vue3的结合,为我们提供了一个强大而灵活的解决方案,能够快速开发出美观、功能丰富的跨平台桌面应用。 一、Electron简介 Electron是一个使用Web技术(HTML, CSS, 和JavaScript)来创建跨平台桌面应用程序的框架。它结合了Chromium和Node.js,让开发者能够使用前端技术来编写应用界面,并通过Node.js访问底层...