NW.js打包和分发
可以使用以下工具自动打包基于 NW.js 的应用以进行分发。
nwjs-builder-phoenix(推荐)
nw-builder
或者,您也可以使用以下说明手动构建应用程序。
本文主要讲解下手动构建NW.js应用的两种方式:
(1)普通文件的方式(推荐)
(2)ZIP压缩包的方式
方式一:普通文件的方式(推荐)
NW.js打包和分发
可以使用以下工具自动打包基于 NW.js 的应用以进行分发。
nwjs-builder-phoenix(推荐)
nw-builder
或者,您也可以使用以下说明手动构建应用程序。
本文主要讲解下手动构建NW.js应用的两种方式:
(1)普通文件的方式(推荐)
(2)ZIP压缩包的方式
方式一:普通文件的方式(推荐)
NW.js介绍
NW.js (原名:node-webkit)
它是基于Chromium和Node.js;
允许我们直接通过DOM来调用Node.js模块;
能够轻松的把我们的Web应用打包成一个原生的应用程序。
NW.js下载
直接从官网下载二进制安装包即可,本文示例使用:nwjs-v0.68.1-win-x64版本。
NW.js官网:
https://nwjs.io/
GitHub地址:
https://github.com/nwjs/nw.js
错误描述:
NW.js应用使用nw-builder构建打包时,报错:The promise rejected with the reason "Could not find a package.json in your src folder".] {code: 'ERR_UNHANDLED_REJECTION'}
具体报错日志如下:
D:\whw\study\nwjs\test2>npm run build
> firstapp@1.0.0 build
> nwbuild src/ --platforms win32,win64,osx64,linux32,linux64 --buildDir dist/
node:internal/process/promises:246
triggerUncaughtException(err, true /* fromPromise */);
^
[UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "Could not find a package.json in your src folder".] {
code: 'ERR_UNHANDLED_REJECTION'
}
D:\whw\study\nwjs\test2>
VitePress介绍
VitePress是VuePress的小兄弟,建立在Vite和Vue之上的,强大的静态站点生成器。
从根本上说,VuePress v1是一个底层的Webpack应用程序。即使只有两页,它也是一个完整的Webpack项目(包括所有主题源文件)正在编译。当项目有很多页面时,情况会变得更糟——每个页面都必须首先完全编译,然后服务器才能显示任何内容!
Vite 很好地解决了这些问题:几乎即时的服务器启动、仅编译正在服务的页面的按需编译以及闪电般的 HMR。另外,随着时间的推移,在VuePress v1中一些额外的设计问题,也需要大量的重构。
vuepress-next即VuePress v2,这将是VuePress的下一个主要版本。它比VuePress v1做了很多改进,现在也支持Vite。
摘要
本文主要讲解如何使用Win10、Win11系统自带录屏及截图功能。其核心功能主要是利用Xbox Game Bar和ppt来完成屏幕录制和截图功能。此外,利用QQ截图工具也可以让我们快速完成截图和屏幕录制的功能。
使用Xbox Game Bar录屏和截图
使用快捷键:Win + G 打开Xbox Game Bar窗口。
(1)电脑屏幕录制
点击左上角“开始录制”按钮,或使用Win + Alt + R快捷键开始录制;
屏幕录制结束后,点击左上角“结束录制”或使用Win + Alt + R快捷键结束录制。
(2)电脑屏幕截图
先选中截图窗口,点击左上角相机图标或使用Win + Alt + PrtSc快捷键完成屏幕截图。
说明:电脑屏幕截图默认为选中区域截图。