首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用NW.js构建跨平台桌面应用(1)-入门案例

安装NW.js 可以从官网下载; 推荐在开发时下载是sdk版,以使用DevTools 非sdk版也应同时下载,在发布时使用 写一个 Hello World!.../path/to/nw 是 NW.js 的二进制运行文件; 在Windows上是nw.exe,在Linux上是nw,而在Mac则是nwjs.app/Contents/MacOS/nwjs Linux和Mac...可能需要sudo提升运行权限 例如mac上用如下方式启动:sudo ~/nwjs/nwjs.app/Contents/MacOS/nwjs . ?...打包和发布 下载 https://github.com/jyapayne/Web2Executable 运行下载的图形界面程序,选定项目目录 程序会根据项目中的 package.json 自行填好 "App...屏蔽一些无用文件等 在 "Compression Settings" 中,选择压缩级别;高压缩级别会带来相应的启动时间变长,并可能造成打包后的程序运行失败 在 "Download Settings" 中,将第一步中下载

4.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何让一个html网页变成一个exe可执行程序

    从参考文章1里发现有三种方法:HTMLRunExe 工具、hta文件、nwjs工具。 我只尝试过其中的 hta 和 nwjs,并且最终采用了nwjs工具。所以此处只比较下这两种方法。...2 nw.js工具 nwjs官网下载 nw.js的github地址 nw.js的使用流程: 测试可用 解压下载包后,双击nw.exe,可以正常启动,则说明可以使用node-webkit。...至此,已经成功了大半部分,但是这个nw.exe只能在当前环境指向,换到其他目录或者其他环境就不行了,因为其他目录就找不到nwjs包内依赖的文件。(→_→除非你就整个文件夹压缩下,随身带着使用。)...在官网下载Enigma Virtual Box,然后傻瓜式安装下; (1)导入项目exe文件 (2)选择输出路径 (3)添加default文件夹 (4)添加nwjs文件 (5)点击process

    18.6K20

    定制化IDE选型笔记

    monaco-editor NWjs手搓,IDE Core用Monaco 支付宝小程序开发工具 Electron vscode editor Electron手搓,IDE Core用扒来的VS Code...Electron 背景 NWjs Intel上海开源技术中心孵化的项目(最初叫node-webkit),允许在Node环境创建Webkit浏览器窗体。...区别和限制: 平台支持:Electron不支持XP和Vista,NWjs支持 进程模型:NWjs是单进程模型,共享堆内存;Electron是多进程模型,靠管道IPC通信 源码保护:NWjs支持源码保护...(把源码编译成V8快照),Electron不支持 自动更新:Electron内建支持,NWjs社区模块支持 开发体验:Electron文档比NWjs更优秀一些,受欢迎程度上Electron 55.6k...star; NWjs 33.1k star 其中,比较重要的是平台支持与源码保护方面的差异 应用场景 选用NWjs的原因: 平台要求支持XP或Vista 看重单进程模型共享数据的便捷,多窗体共享状态更容易一些

    1.4K20

    自己动手用electron+vue开发博客园文章编辑器客户端【一】

    缘起 之前我用nwjs做过一个博客园文章编辑器的客户端 发了好几个版本,最后一个版本到5.0.0了 其实第一个版本已经很好了,不知足,后来自己又做了兼容markdown的,结果用来用去,发现不是自己想要的...直接与博客园服务端通信(没有任何自建服务,不采集用户任何信息) 新版本升级提醒功能; 开源,开源地址:https://gitee.com/xland/cnblogs 操作系统兼容苹果和windows,下载地址...工程简述 他src目录下,有两个子目录,一个是main;一个是renderer 之所以这样分目录,跟electron的工作原理有关系 electron与nwjs不同, nwjs把nodejs里的v8和chrome.../dist/electron/main.js" 这是electron程序启动的入口, 这里的main.js就是index.js和index.dev.js合并打包出来的 注:nwjs入口程序是一个.html...url]" nwdisable nwfaketop '+bky.iframeTag+'>'; 这里涉及到三个特殊的属性 nwdisable: 是为了防止这个iframe加载的页面去调用nwjs

    3.5K30
    领券