当前位置: 首页 > 科技观察

五分钟教你开发一个桌面应用

时间:2023-03-12 11:04:38 科技观察

1.下载nw.jshttps://nwjs.io/最好下载sdk版本。2.解压并打开安装包。下载安装包后,解压并打开图中的app文件夹。我自己创造的。您还需要自己创建一个,并将您的项目文件放入其中。app文件夹下一般会放一个index.html(页面展示),另外需要创建一个package.json文件(参数配置):{"name":"firstapp","main":"index.html","version":"1.0","window":{"height":300,"width":360,"show":true,"title":"firstapp","toolbar":true,"frame":true,"resizable":false,"icon":"./icon.png","transparent":false}}以下是各个参数的含义:name:应用的名称,可以取anyone~main:代表app的入口文件,我们这里用index.html,就是app启动时的第一页。version:版本号,一般用于后续的版本升级。窗口:设置窗口。height:高度,以像素为单位。width:宽度,以像素为单位。show:程序点击运行时是否直接显示窗口。title:窗口标题,当入口页面的title标签为空时,使用该属性作为窗口的标题。toolbar:是否启用工具栏。frame:是否使用frame,即包含最小化、关闭等按钮的frame。resizable:窗口大小是否可以调整。icon:窗口的图标,也显示在快速启动栏中。transparent:窗口背景是否透明。然后将app文件夹下的所有文件project文件压缩成一个app.zip的压缩文件,改成app.nw文件。将app中的app.nw粘贴到根目录下,然后打开命令行工具合并成一个exe文件:copy/b"E:\myweb\maomin\nwjs\nw.exe"+"E:\myweb\maomin\nwjs\app.nw""E:\myweb\maomin\nwjs\app.exe"这里只是举例,根据自己的存放路径。合并完成后,你会在根目录下看到一个名为app.exe的文件。3.下载EnigmaVirtualBox接下来你需要下载一个名为EnigmaVirtualBox的软件。下载链接打开,选择app.exe,复制刚才下载的nw.js中的原文件(自己生成创建的文件或文件夹除外)。拖到下面的大方框里,点击Process4,进度条完成后,根目录下会有一个app_boxed.exe文件,这个文件随便打开,是不是很开心!!!