nw.js项目如何打包成可安装exe

最新推荐文章于 2024-04-17 09:50:10 发布
最新推荐文章于 2024-04-17 09:50:10 发布
阅读量527 收藏 10
点赞数 4
文章标签： vue.js node.js webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maqiangleader/article/details/137049294
版权
本文详细介绍了如何下载JRSoftware打包工具，如何添加中文语言包，以及如何创建新的打包项目，包括设置软件名、版本号、选择主程序和应用图标，最终完成并打包出可安装的中文软件。
摘要由CSDN通过智能技术生成

1. 首先你要下载打包程序 链接如下 动手下载安装

[找一个近期发布的下载就可以](https://jrsoftware.org/)

![安装好运行就是这样滴页面](https://img-blog.csdnimg.cn/direct/c5197e2c529543af84430c64c55ad233.png)

0

2.下载下来的软件是不带中文包的 你打包出来的程序都是英文 我们随便找找下载个中文语言包 放到打包软件的语言目录里 如图

可以在官网下载语言包
在这里插入图片描述
下载下来的中文语言包放到下图所示的目录里（如果下载下来的文件名称不是下图这样的可以自己手动更改文件名称 然后让进来就行了）
在这里插入图片描述

3.现在可以正式的进行打包了

进入软件中点击file然后点击new 新建一个打包项目 如下图
在这里插入图片描述
然后继续点击next 输入你想打包出来的软件名 版本号 应用所属公司/个人
在这里插入图片描述
然后继续一路next 直到出现下图让你选择打包的主程序exe(也就是你开发的nw项目根目录的exe) 把整个文件也添加上
在这里插入图片描述
接下来继续next 看到选择语言的 把第二步中我已经放好的中文选择上 然后继续next 看到让你选应用icon 你就选一个(我的是128*128)
在这里插入图片描述
在这里插入图片描述
到这里我们基本已经完成了 继续next 直至弹出finsh了 然后继续会让你选择输入的文件路径 自己选好记住 接着等待打包 打完会显示finished 就OK了
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

结束 很简单~

在你选择的输出路径中找到刚新鲜出炉的exe 双击就能安装了
在这里插入图片描述
在这里插入图片描述

奇妙历险记
关注
  • 4
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于NW.JS全屏无边框程序将HTML打包成可执行文件.EXE
SUOYUEのBLOG
04-12 2401
HTML打包封包一步到位，NW.js下载慢的解决方法，全屏无边框程序的生成
NW.js-01-简介和使用
热门推荐
uikoo9的专栏
01-04 1万+
简介 NW.js nw.js和electron相似，是前端开发桌面端应用的框架， 且两者架构也相似都是基于node.j和chromium进行封装， 这样在渲染层就可以用html,css,js等前端技术实现， 在处理层就可以用nodejs实现， 不管是v8还是chromium都是各自行业内的翘楚，这种架构还是很赞的， 而且抹平了os层的一些特性，可以生成win，mac，linux等系统下的桌面应用 看一下官方的描述 下载 在官网可以下载，Downloads， 可以选择自己..
十分钟轻松入门 nw.js 实现桌面应用程序
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
08-18 6142
node-webkit 更名为 NW.js。NW.js 是一个基于 Chromium 和 node.js 的应用运行时。可以使用 NW.js 以 HTML 和 JavaScript 编写本机应用程序。它还允许您直接从 DOM 调用 Node.js 模块，并启用一种使用所有 Web 技术编写本机应用程序的新方法。它是在英特尔开源技术中心创建的。...
【nw.js】使用nw.js将html页面打包成exe免安装程序
u010726809的博客
12-26 2028
右键计算机——>属性——>高级系统设置——>高级——>环境变量——>系统变量——>找到path，双击——>新建——>将所在路径添加进去（如：“F:\zip”包含进环境变量），之后点击确定就可以了。1：下载zip，你可以到该网址（http://stahlworks.com/dev/index.php?tool=zipunzip）下载zip执行文件，如下。
nw.js 简单 创建 一个.exe包
星空
06-21 602
配置的打包平台，进行打包，打包完最终文件会在项目目录下。这个是nwjs版本，请选择适合您的版本。在文件夹新建文件夹命名为。页面,页面内容随意。
桌面应用程序nw.js
qq_40663497的博客
03-20 7063
一、nw.js开始 nw.js（以前称为node-webkit，属于node的一个框架，可以用node的各个模块）：生成一个桌面exe程序 中文网：https://nwjs.org.cn/doc/user/Getting-Started.html 外网：http://docs.nwjs.io/en/latest/For%20Users/Getting%20Started/ nw.js...
nw.js-iframe-browser:使用 nw.js 构建的具有基本功能的浏览器
06-09
nw.js-iframe-浏览器NW.JS 带有一个工具栏，该工具栏具有一些浏览器功能。 但是，如果您想自定义 UI 并将节点脚本与网站分开怎么办？ 我已经将这个项目提炼成一个简单的浏览器，以便尝试解决使用 iframe 制作浏览器...
nwjs-game:使用NW.js的基于画布HTML5游戏
05-26
在NW.js中，JavaScript不仅可以处理DOM操作，还可以执行Node.js的模块，提供更强大的功能，如文件I/O、网络通信等。 3. **HTML5画布**: HTML5的元素提供了在网页上绘制图形的能力。开发者可以通过JavaScript来控制...
nw.js打包处理教程(将html打包成PC应用的教程)
09-14
在这个步骤中，我们需要将 app.nw 文件复制到 nw 目录下，然后执行 copy /b nw.exe+app.nw app.exe 命令，将 app.nw 文件与 nw.exe 文件合并成一个可执行文件 app.exe。 第七步：使用 Enigma Virtual Box 打包成 ...
nw.js实现类似微信的聊天软件
10-24
6. **多平台支持**：nw.js允许开发者将应用打包成Windows、Mac OS X和Linux等多个操作系统版本的可执行文件，方便在不同平台上运行。 7. **扩展功能**：随着项目的完善，可以逐步添加更多功能，如群聊、文件传输、...
cloudnode:Soundcloud NW.js桌面应用程序
05-29
7. **构建和打包**: 使用NW.js的项目通常会有一个构建过程，将所有必要的文件打包成可执行的桌面应用，这可能涉及到预处理、压缩、合并等步骤，以优化性能和减少文件大小。 总结，"cloudnode"项目是一个使用NW.js和...
从零开始的nwjs(0.69.1)打包生成exe（防坑）
qq_43805885的博客
10-24 1692
nw生成exe 避了很多坑，希望对第一次上手nwjs的大家有用
使用nw.js将网址打包生成exe可安装程序支持xp系统
qq_38989173的博客
05-17 2917
打包桌面应用
NW.js 简介与使用
weixin_33725722的博客
01-31 835
简介 （1）以网络最流行的技术编写原生应用程序的新方法 （2）基于HTML5, CSS3, JS and WebGL而编写 （3）完全支持nodejs所有api及第三方模块 （4）可以使用DOM直接调用nodejs模块 （5）容易打包和分发 （6）支持运行环境包括32位和64位的Window、Linux和Mac OS 使用方法如下： 一、下载nw 1...
vue项目使用nwjs打包、替换exe桌面图标以及exe内容的图标全教程
孑立
11-25 2308
vue项目使用nwjs打包、替换exe桌面图标以及exe内容的图标全教程
nw.js打包桌面程序
weixin_44389116的博客
06-28 762
点击process按钮，等待完成后关闭，nwjs文件夹内会生成cxj_boxed.exe文件，该exe文件为最终打包完成的桌面程序。同时选中index.html和package.json，右键添加压缩为cxj.zip，压缩后文件修改zip后缀为nw。将nwjs文件夹下除cxj相关文件（除cxj文件夹、cxj.exe、cxj.nw的其他文件）添加到空白框。nwjs文件下，新建文件夹cxj，cxj文件夹中 新建index.html、package.json。将cxj.nw移到nw.exe所在目录。
Nw.js搭建（本文档是SDK方式）
xiuxialala的博客
01-05 722
1.在helloworld文件夹下（即web项目根目录下）创建一个assets文件夹用来存放所要更换的icon图标。注意事项：此命令在git的终端才可以，若在power shell下不行。.exe这个文件就可以在任何目录下独立运行了。两文件夹：locales和pnacl。再开始process按钮。
nw.js将web程序打包成exe可执行文件的方法
最新发布
m0_46686731的博客
04-17 1222
2.3package.json可以理解为应用的配置文件，是必须要有的；index.html作为应用的入口文件，内容和一般网页类似，名字可以按自己喜好起，但是一定要和配置中的“main”参数设置一致；生成app.exe文件之后，将多余的文件删除，保留上面这些文件即可，上面这些文件是app.exe执行所需要的必须的文件；2.1解压后的文件夹如上图所示，其中myapp（名字随便起）里面放的是自己的前端项目。至此，nw.js将web程序打包成exe可执行文件结束。），选择normal的即可，下载完成之后解压。
探索 NW.js：一款用于开发桌面应用的开源工具
gitblog_00037的博客
03-17 704
探索 NW.js：一款用于开发桌面应用的开源工具 本文将为您介绍 NW.js —— 一个基于 Chromium 和 Node.js 的开源框架，用于创建原生桌面应用程序。 什么是 NW.js？ NW.js（前身是 node-webkit）是一个开源项目，它允许开发者使用 HTML、CSS 和 JavaScript 来编写桌面应用，并利用 Node.js 的 API 在本地执行各种操作。 NW.j...
vue 使用 NW.js 打包.exe
07-08
要使用 NW.js 将 Vue 项目打包成可执行文件（exe），可以按照以下步骤进行操作： 1. 确保你已经安装了 Node.js 和 npm。可以从官网下载并安装。 2. 创建一个新的 Vue 项目，可以使用 Vue CLI 进行快速创建。在命令行中运行以下命令： ``` vue create my-nwjs-app ``` 按照提示进行配置，并选择你需要的特性和插件。 3. 进入项目目录，并安装必要的依赖项。在命令行中运行以下命令： ``` cd my-nwjs-app npm install --save-dev nw ``` 4. 在项目根目录下创建一个 `package.json` 文件，用于配置 NW.js 打包选项。示例如下： ```json { "name": "my-nwjs-app", "version": "0.1.0", "main": "index.html", "scripts": { "start": "npm run build && nw .", "build": "vue-cli-service build", "package": "npm run build && nwbuild -p [PLATFORMS]", "dev": "nw ." }, "devDependencies": { "nw": "^0.51.3", "nw-builder": "^3.1.2" } } ``` 其中，`start` 命令用于启动开发模式下的 NW.js，`build` 命令用于构建 Vue 项目，`package` 命令用于打包 Vue 项目为可执行文件。 5. 在命令行中运行以下命令，安装 `nw-builder` 工具： ``` npm install --save-dev nw-builder ``` 6. 在命令行中运行以下命令，打包 Vue 项目为可执行文件（exe）： ``` npm run package ``` 根据你的需求，可以在 `package` 命令中指定目标平台（如 Windows、macOS、Linux）。 打包完成后，你将在项目目录下的 `build` 文件夹中找到生成的可执行文件。 以上就是使用 NW.js 将 Vue 项目打包成可执行文件的大致步骤。请根据实际情况进行调整和配置。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值