使用NWjs构建桌面应用(一)-从官网下载包直接构建

NWjs是什么?

nw.js是基于chromium和node.js,使用web技术结合node.js及其模块开发桌面应用的一种方案

先使用一种最简单的方式来构建

  • 1.去官网下载文件包


    这里防止开发版出现bug,推荐使用稳定版

  • 2.构建一个简单的页面
    解压文件后
    切换到项目根目录下
    创建package.json和index.html

    package.json:

{
    "name": "hello",
    "main": "index.html"
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>hello nw</title>
</head>
<body>
    <div>first nw exe</div>
</body>
</html>

  • 3.运行应用
    根据文档的描述,在这里试了很久

    windows系统,这里有两种方法运行
    第一种方法:
    命令行: 在项目根目录下运行 .\nw.exe

    第二种方法:
    windows文件拖拽运行
    拖拽package.json到nw.exe上直接运行

  • 4.运行结果图

posted @ 2019-11-26 10:11  zoo-x  阅读(409)  评论(0)    收藏  举报