constENTRY="./src/main/main.ts";constOUTPUT="./dist/main.js";constbuildSync=()=>{/*** electron的内置模块都是通过CJS Module的形式导出的,这里之所以可以用ES Module* 完全是因为使用esbuild进行了转换*/require("esbuild").buildSync({entryPoints:[
npm i electron --save-dev npm i electron-packager --save-dev npm install -g @electron/packager npmrunstart 启动项目 启动成功显示 Hello World! 二. 项目打包 通过将vue项目打包, 会生成一个dist文件 三. 修改electron-quick-start 文件 删除electron-quick-start 文件中的index.html,把vue项目打包的dist...
注:可以从electron官网clone例子,复制package.json 5.在项目的根目录的package.json增加一条启动命令 代码语言:javascript 代码运行次数:0 运行 AI代码解释 "scripts":{"serve":"vue-cli-service serve --copy","build":"vue-cli-service build","lint":"vue-cli-service lint","electron_dev":"yarn build ...
Electron + Vue3 开发桌面应用 https://blog.csdn.net/qq_37460847/article/details/126918641比较合适的一篇文章,在现有的vue项目 追加 electron。 基于上述方法,首次本地运行效果: 解决跨域问题后, Github项…
1: 配置 代理 1)命令行执行 npm config edit 2)在打开的记事本 添加如下代理: electron_mirror=https://npmmirror.com/mirrors/electron/ registry=https://registry.npmmirror.com 注意&
当你需要将一个vue项目打包成electron时,只需要正常的安装electron依赖、electron-builder依赖,正常的配置好主进程、预加载脚本、渲染进程即可。 依赖安装 这里默认你已经写好了一个vue项目,脚手架为vite,然后需要打包成electron。 安装electron pnpm add -D electron ...
2 Vue项目准备 更新相关依赖 npm install --registry https://registry.npmmirror.com/ npm run dev 3、引入Electorn 安装指定版本Electron:npm install electron --save-dev 查看Electron版本:npx electron --version 注意:切换成国内源以及设置 切换国内源:npm config set registry https://registry.npmmirror.com...
(); }); 4.2 修改 package.json 在 package.json 中添加 Electron 启动脚本: json 代码解读 复制代码 "main": "main.js", "scripts": { "electron": "electron .", "build": "vue-cli-service build" // 确保有这个构建命令 } 4.3 构建项目 arduino 代码解读 复制代码 npm run build 这将生成 ...
为了将Vue项目打包成可执行文件,我们需要使用electron-builder。执行以下命令进行安装: npm install electron-builder--save-dev AI代码助手复制代码 3. 开发与调试 3.1 启动开发服务器 在开发过程中,我们可以使用以下命令启动Vue开发服务器和Electron应用程序: ...