腾讯电脑管家
2021-07-04 · 百度知道官方认证企业
清理启动项：
方法一、
1、按住键盘上微软徽标键的同时，按下 R 键，就会弹出”运行“的界面，输入”msconfig“点击确定；
2、进入”系统配置“的界面后，选择”启动“选项卡，将不需要开机启动的软件前面的勾取消，然后点击确定；
方法二、使用电脑管家清理启动项。
1、点击“启动项”
2、禁用不必要的启动项即可。
开机弹出NW.JS。“启动项”没有NW.JS，怎么办
————
NW.js入门指南：从零开始构建桌面应用
原创于 2025-05-30 09:08:43 发布
CC 4.0 BY-SA版权
NW.js入门指南：从零开始构建桌面应用
什么是NW.js？
NW.js（原名node-webkit）是一个基于Chromium和Node.js的开源框架，它允许开发者使用Web技术（HTML、CSS和JavaScript）来构建跨平台的桌面应用程序。NW.js的核心优势在于：
完整的浏览器环境：基于Chromium内核，支持所有现代Web API和最新的JavaScript特性
Node.js集成：可以直接在页面中调用Node.js模块和API
原生能力：提供丰富的原生API，如文件系统访问、原生菜单、系统托盘等
跨平台：支持Windows、macOS和Linux三大主流操作系统
环境准备与安装
获取NW.js
开发者可以直接从NW.js官方网站下载预编译的二进制文件。建议选择SDK版本进行开发，因为它包含了开发者工具（DevTools），便于调试应用。
NW.js提供两种构建版本：
普通版本：适合生产环境，体积较小
SDK版本：包含开发者工具，适合开发阶段使用
运行环境要求
操作系统：Windows 7+、macOS 10.10+或Linux
内存：建议至少2GB
磁盘空间：至少200MB可用空间
创建第一个NW.js应用
基础项目结构
一个最简单的NW.js应用只需要两个文件：
package.json – 应用清单文件
index.html – 应用主页面
1. 创建package.json
{
“name”: “my-first-nw-app”,
“main”: “index.html”,
“version”: “1.0.0”,
“description”: “我的第一个NW.js应用”}
AI写代码json
关键字段说明：
name：应用唯一标识符（必须全小写，无空格）
main：指定应用启动时加载的入口文件
version：应用版本号
description：应用描述信息
2. 创建index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>我的NW.js应用</title>
</head>
<body>
<h1>欢迎使用NW.js</h1>
<p>这是一个简单的桌面应用示例</p>
</body>
</html>
AI写代码
html
运行应用
在命令行中导航到项目目录，然后执行：
/path/to/nw .
AI写代码
bash
Windows用户也可以直接将项目文件夹拖拽到nw.exe上运行。
进阶功能示例
使用NW.js原生API
NW.js提供了丰富的原生API，下面是一个创建右键菜单的示例：
<script>
// 创建菜单对象
const menu = new nw.Menu();
// 添加菜单项
menu.append(new nw.MenuItem({
label: ‘复制’,
click: () => document.execCommand(‘copy’)
}));
// 监听右键事件
document.addEventListener(‘contextmenu’, (e) => {
e.preventDefault();
menu.popup(e.x, e.y);
});
</script>
AI写代码
html
集成Node.js功能
在NW.js中可以直接使用Node.js模块，例如文件系统操作：
<script>
const fs = require(‘fs’);
// 读取当前目录下的文件列表
fs.readdir(‘.’, (err, files) => {
if (err) throw err;
console.log(‘当前目录文件:’, files);
});
</script>
AI写代码
html
使用npm模块
NW.js完全支持npm生态系统，安装和使用方式与Node.js项目相同：
npm install lodash
AI写代码
bash
然后在代码中使用：
const _ = require(‘lodash’);
console.log(_.chunk([1, 2, 3, 4], 2)); // 输出: [[1, 2], [3, 4]]
AI写代码
javascript
运行
调试与开发技巧
开发者工具：在SDK版本中按F12或右键选择”检查”打开开发者工具
控制台日志：使用console.log()输出调试信息
热重载：修改代码后保存，按Ctrl+R刷新应用
远程调试：可以通过Chrome浏览器的远程调试功能连接NW.js应用
常见问题与解决方案
窗口白屏：检查package.json中的main字段路径是否正确
Node模块无法加载：确保原生模块使用nw-gyp重新编译
跨域请求问题：NW.js中默认没有同源策略限制
性能优化：对于计算密集型任务，考虑使用Web Worker
后续学习路径
掌握基础后，可以进一步学习：
应用打包与分发
使用NW.js原生UI组件
实现系统托盘功能
处理多窗口应用
应用自动更新机制
NW.js为Web开发者打开了通往桌面应用开发的大门，结合Web的灵活性和Node.js的强大能力，你可以构建出功能丰富、跨平台的桌面应用程序。
————
windows浅尝NW.js
每日分享有用、有趣的技术内容
windows浅尝NW.js
在本指南中，我们将详细介绍如何在windows上部署NW.js,实现应用的构成、启动方式、开发环境
环境部署
首先我们需要从官网下载对应的压缩包 (https://nwjs.io/downloads/)
下载完成后解压，可以看到对应的文件目录
然后我们运行目录下nw.exe如果出现下面样式，则表示启动成功
尝试创建一个NW.js应用
步骤 1.
在根目录中创建一个为package.nw的文件夹，然后在文件夹中创建 package.json:
{
"name": "helloworld",
"main": "index.html",
"version": "1.0.0"}
package.json是JSON 格式格式的配置文件. main 属性定义了应用首页, 如本例的 “index.html”. name则定义了应用名称. 具体查看 配置文件章节.
步骤2.
在app目录中创建 index.html文件:
<html>
<head>
<meta charSet="UTF-8"/>
<title>Hello, NW.js</title>
<style>
h1 {
text-align: center;
}
b {
display: inline-block;
width: 150px;
text-align: right;
}
</style>
</head>
<body>
<h1>Hello, NW.js</h1>
<div id="about"></div>
<script>
const os = require("os");
const about = {
AppName: nw.App.manifest.name,
Version: nw.App.manifest.version,
NW: process.versions.nw,
Node: process.versions.node,
Chromium: process.versions.chromium,
V8: process.versions.v8,
OS: [os.platform(), os.arch(), os.release()].join(" "),
};
document.querySelector("#about").innerHTML = Object.entries(about)
.map(([key, value]) => `<div><b>${key}：</b>${value}</div>`)
.join("");
</script>
</body>
</html>
然后
我们运行根目录nw.exe文件就可以得到下面的结果，如果结果相同则表示运行成功
接下来
我们就将我们刚才写好的页面弄成压缩包形式，我们进入package.nw目录下，将所以文件打包成一个zip的压缩包
(ps：一定是进入文件夹将两个文件打包，因为运行文件的package.json必须要在压缩包的第一层,不然会运行不成功)
然后我们将package.nw.zip 后缀名改成package.nw，然后把package.nw文件夹改个名字，不然运行会默认找到这个目录
最后
将package.nw文件放到根目录，然后运行nw.exe
总结
以上就是在Windows下使用NW.js从安装到打包的简单教程。确保阅读NW.js和打包工具的官方文档，以获取更多详细信息和进一步的指导。祝你顺利创建和打包你的NW.js应用程序！
—————————–