{"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:dev":"chcp 65001&&vite --config vite.config.electron.ts"},"depe...
删除:“type”:“module” 添加:"dev": "concurrently "electron ." "cross-env BROWSER=none vite"" 更改:“dev”:“vite” ——> "start": "vite", {"name":"my-electron","private":true,"version":"0.0.0","main":"main.js","scripts":{"start":"vite","build":"tsc && vite build","...
一、安装依赖 npm install axios 二、封装通用请求工具 src/utils/request.ts import axios from 'axios' import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus' import { getToken } from '@/utils/auth' import errorCode from '@/utils/errorCode' import { tansParams, b...
在安装了electron-vite的项目中,可以直接使用npx electron-vite运行, 也可以在package.json文件中添加 npm scripts: { "scripts": { "start": "electron-vite preview", // start electron app to preview production build "dev": "electron-vite dev", // start dev server and electron app "prebuild": ...
安装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-...
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 加载 Vite 启动的开发服务器,即通过 loadURL() 加载一个 http 地址 生产环境下使用 loadFile()加载一个入口文件 启动脚本设计 Vite 提供了全量的可编程化的 Node.js API 方便我们灵活调度,比如 vite server 命令对应 API 中的 createServer().listen()。 基于它我们可以很方便的在我们的脚...
安装打包工具:npm install electron-builder --dev 二、配置electron相关的文件 在根目标下创建文件夹electron,存放electron相关的文件 electron 文件夹下创建文件, 通过预加载脚本从渲染器访问。 // ('DOMContentLoaded', () => { const replaceText = (selector, text) => { ...
electron32-os探索一种全新的桌面os式前端后台管理系统。 项目结构目录 electron32-vue3os采用vite5整合最新跨平台electron32技术。 整个项目遵循vue3 setup语法糖编码开发。 目前electron32-vue3-macos系统已经同步到我的最新原创作品集。 Electron32+Vite5+ArcoDesign桌面OS管理系统 整个项目开发下来,涉及到的知识点还...
Electron、Vite和Vue3的结合,为我们提供了一个强大而灵活的解决方案,能够快速开发出美观、功能丰富的跨平台桌面应用。 一、Electron简介 Electron是一个使用Web技术(HTML, CSS, 和JavaScript)来创建跨平台桌面应用程序的框架。它结合了Chromium和Node.js,让开发者能够使用前端技术来编写应用界面,并通过Node.js访问底层...