创建electron项目(快捷指令,尽量不要先创建vue3项目再安装electron并配置,超级麻烦且容易很多坑) cnpm create electron-vite cnpm i 或 cnpm create @quick-start/electron@latest 打包electron项目 npm run build 或通过以下指令来打包对应的平台包 如果卡在download提示github的网络问题导致打包失败,则自己根据报错提示...
Electron + Vue3 + Vite - Builder Quick Start #clone the projectgit clone https://github.com/laterly/electron-vue3-vite.git#enter the project directorycdelectron-vue3-vite#install dependencynpm install#developnpm run dev#buildnpm run build#buildernpm run builder...
8.打包后Error: Cannot find module 'ref-napi'问题 目前是通过保留node_modules进行打包,可能会导致打包文件过大,暂时没有找到更好的解决方案 官网: https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/guide.html#handling-static-assets 论坛: https://github.com/nklayman/vue-cli-plugin-e...
"start": "electron-vite preview", "dev": "electron-vite dev", "build": "electron-vite build", "postinstall": "electron-builder install-app-deps", "build:win": "npm run build && electron-builder --win --config", "build:mac": "npm run build && electron-builder --mac --config",...
脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。 复制 import{defineConfig}from'vite';importvuefrom"@vitejs/plugin-vue";// https://vitejs.dev/configexportdefaultdefineConfig({plugins:[vue()],resol...
https://github.com/electron-vite/vite-plugin-electron 新建主进程文件 在项目根目录新建background.js文件,编写主进程代码。 const { app, BrowserWindow } = require('electron') const {join} = require('path')//屏蔽安全警告//ectron Security Warning (Insecure Content-Security-Policy)process.env['ELECT...
简介:Vue3 Vite electron 开发桌面程序 Electron是一个跨平台的桌面应用程序开发框架,它允许开发人员使用Web技术(如HTML、CSS和JavaScript)构建桌面应用程序,这些应用程序可以在Windows、macOS和Linux等操作系统上运行。 Electron的核心是Chromium浏览器内核和Node.js运行时环境。Chromium内核提供了现代浏览器的功能,例如HTML...
Atom:由GitHub开发的跨平台代码编辑器,支持多种编程语言和插件扩展。使用Electron和CoffeeScript构建。 Postman:由Postman Inc.开发的API测试和开发工具,允许用户轻松地测试和调试REST API。使用Electron和React构建。 创建项目 dev # 创建Vue项目 npm init vue ...
vue格式输出:点设置-配置用户代码片段 "Print to console": { "prefix": "vv", "body": [ "<template>", "", "", "", "</template>", "","exportdefault{","}","", "", "" ], "description": "Log output to console" }, "Print...
Atom:由GitHub开发的跨平台代码编辑器,支持多种编程语言和插件扩展。使用Electron和CoffeeScript构建。 Postman:由Postman Inc.开发的API测试和开发工具,允许用户轻松地测试和调试REST API。使用Electron和React构建。 创建项目 dev # 创建Vue项目 npm init vue # 安装依赖 npm install # 一定要安装成开发依赖 npm ins...