electron+vue将项目打包为exe可执行程序

最新推荐文章于 2024-02-04 15:57:45 发布
最新推荐文章于 2024-02-04 15:57:45 发布
阅读量261 收藏
点赞数
分类专栏： Web 前端 文章标签： electron vue.js javascript
原文链接：https://www.cnblogs.com/jiangxifanzhouyudu/p/9517651.html
版权
流浪猫之家
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
electron + vue 项目运行打包配置文档
01-08
vue-cli 初始化vue项目构建 vue init webpack project-name electron 配置源码： 1. git clone https://github.com/electron/electron-quick-start** 2. 找到clone下来的项目入口文件main.js 和 package.json ...
Electron打包方式
热门推荐
duansamve的博客
08-24 2万+
Electron提供了两个打包工具，本文将分别尝试使用两个工具对项目打包，并分析其打出来的包的结构
Electron详解（二）：基本使用与项目打包
Java+GO+JS全栈工程师-鹤冲天的博客：编程辅导~商务合作~技术交流
06-21 7824
在使用Electron进行开发之前，您需要安装 Node.js，最低工作版本为 14.x，低于 14 的版本在后面的打包过程中可能会报错。（注意，因为 Electron 将 Node.js 嵌入到其二进制文件中，所以在 electron 应用运行时的 Node.js 版本与你本地电脑中运行的 Node.js 版本无关。（虽然您需要在开发环境安装 Node.js 才能编写 Electron 项目，但是 Electron 不使用您系统的 Node.js 环境来运行它的代码。
Electron实战(一)：环境搭建/Hello World/打包exe
编程架构三分天下：分层、分治、分时序。
02-04 1438
Electron整合Chromium浏览器（跨平台界面容器）和Node.js（跨平台系统能力），实现了一个使用JavaScript的全栈开发环境，逐渐成为开发跨平台桌面应用程序的有力竞争者。–-save-dev/-d/-D 本地安装，安装版本写入package.json的devDependencies。–-save/-s/-S 本地安装，安装版本写入package.json的dependencies。（g代表global全局安装的意思）安装语句时，会将安装的模块安装到。无奈，遇到版本不兼容了！
vue项目打包成exe
weixin_42028153的博客
08-16 1716
由于electron的源是国外的，如果没有翻墙，下载起来会很慢，网上普遍的建议是更换为淘宝的镜像就行下载，但是我本机无论是官方的还是淘宝的镜像都不行，大家可以根据自己电脑网路情况进行尝试，我本机尝试了很多次都不行，同事给的包在本机执行也报错，无奈只能网上继续找方法。打包你的项目，我相信这步你已经轻车熟路了~，将打包出来的 dist 文件夹复制到之前下载的A文件夹中。天地图拒绝了项目的访问，这个原因可能是因为天地图的key的问题，因为账号不是我申请的，未测试，待解决。
electron打包
jjy8040的博客
09-09 1万+
electron 文档地址： https://www.electronjs.org/docs 快速启动官方项目： // 克隆示例项目的仓库 git clone https://github.com/electron/electron-quick-start // 进入项目 cd electron-quick-start // 安装依赖 npm install // 运行 npm start web项目转为electron应用： 首先安装electron插件npm install electron -D 关
electron打包成exe的方法
qq_46664185的博客
01-11 1万+
Electron 是由 Github开发的开源框架，它允许开发者使用Web技术构建跨平台的桌面应用。electron是通过将Chromium和Node.js合并到同一个运行时环境中，用html，css，JavaScript来构建跨平台桌面应用的一个开源库，并将其打包为Mac，Windows和linux系统下的应用来实现这一目的。 Electron = Chromium + Node.js + Native API Chromium : 为Electron提供了强大的UI能力，可以不考虑...
使用electron将vue-cli项目打包成exe的方法
01-21
如果你已经做好了一个vue的项目，并且想要将他打包成exe,那么请继续阅读。 首先你可以下载一个demo了解一下。 git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install ...
前端+将vue项目打包为桌面应用+electron学习
最新发布
04-15
内容概要:Electron是一个开源的框架，用于构建跨平台的桌面应用程序。它是由GitHub开发的，最初是为了构建...使用人群:学习Electron,将vue项目打包为桌面应用 内容关键词:vue,Electron 用途:将vue项目打包为桌面应用
electron + vue项目实现打印小票功能及实现代码
10-17
主要介绍了electron + vue项目实现打印小票功能,需要的朋友可以参考下
将Vue项目打包成exe可执行文件
w15635748705的博客
06-20 6669
首先先打包vue文件我的目录结构是这样的: 然后新建文件 添加如下代码： 然后打开终端窗口： 输入打包指令： 输入打包指令： 打包完成之后会在目录中生成文件 可以在浏览器打开中的文件查看是否白屏，如果白屏可能是路由模式的问题 不要使用 模式这样的话我们的静态文件就准备好了官方网址：https://www.electronjs.org/在桌面上新建一个文件夹 在里面按住 点击右键 打开窗口 在窗口中输入指令： 没有git的可以自行去下载一个 网址：https://git-scm.com/ 下载.
如何将vue项目打包成.exe文件，不想踩坑就来这里！
weixin_61877032的博客
07-03 6261
如何将vue项目打包成.exe文件；electron打包后的.exe文件请求域名为何为file:///；electron打包后的文件路由无法挑战；
Electron 分享（入门，安装，打包）
博客简介
12-03 1万+
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。
ruoyi-vue | electron打包教程（超详细）
我这孩子从小记性就不好，什么东西都要写下来才放心
07-03 5846
公司项目由于来不及单独做客户端了，所以想到用electron直接将前端打包程exe,dmg等格式的安装包。由于使用的ruoyi-vue框架开发，所以这篇教程以ruoyi-vue为基础的。
Electron打包桌面应用程序
秃头小桂子
05-07 2147
Electron打包桌面应用程序 Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 项目地址： 一、初始化项目 1、npm init指令初始化项目配置： entry point选项的值应为main.js author和description也必须填写，但是可以填写任意值 package.json { "name": "electron-app", "version": "1.0.0", "description": "a electron
vue打包exe
H30919的博客
02-14 403
vue打包exe
将vue项目打包成exe文件
qq_53608274的博客
02-16 1842
将vue项目打包成exe文件
将vue项目打包成电脑端应用.exe
Lushengshi的博客
01-10 6189
vue项目打包成桌面应用程序.exe!
electron的electron-packager打包运行和electron-builder生产安装包过程，学透 Electron 自定义 Dock 图标
阿牛哥的博客
07-25 8240
electron的electron-packager打包运行和electron-builder生产安装包过程，学透 Electron 自定义 Dock 图标
vite+vue3+ts 的项目增加electron打包成exe
05-19
将 Vite + Vue3 + TypeScript 项目打包成 Electron 应用程序需要进行以下步骤： 1. 安装 Electron：使用 npm 安装 Electron，可以通过以下命令进行安装： ``` npm install electron --save-dev ``` 2. 创建主进程文件：在根目录下创建一个名为 `electron.js` 的文件，并在其中编写 Electron 的主进程代码。 3. 修改 `package.json` 文件：将 `main` 属性的值设置为 `electron.js` 文件的路径，如下所示： ``` { "name": "your-app", "version": "0.0.1", "main": "electron.js", ... } ``` 4. 构建应用程序：在命令行中运行以下命令，将 Vite + Vue3 + TypeScript 项目构建成可在 Electron 中运行的应用程序。 ``` npm run build ``` 5. 打包应用程序：使用 Electron Builder 打包应用程序，可以使用以下命令进行安装： ``` npm install electron-builder --save-dev ``` 然后，在 `package.json` 文件中添加以下代码： ``` { "build": { "appId": "your.app.id", "productName": "Your App Name", "directories": { "output": "dist_electron" }, "files": [ "dist/**/*", "electron.js", "node_modules/**/*" ], "extraFiles": [ "assets/**/*" ], "mac": { "category": "your.app.category.type" }, "win": { "target": "nsis" } } } ``` 6. 打包应用程序：在命令行中运行以下命令，将 Vite + Vue3 + TypeScript 项目打包成可执行文件。 ``` npm run electron:build ``` 以上步骤是将 Vite + Vue3 + TypeScript 项目打包成 Electron 应用程序的基本步骤。根据自己的实际需求，可以进行一些额外的配置和修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值