Pake一键将网页打包成应用——Pake轻量级用Rust打包网页生成桌面应用

Pake 是一个用 Rust 语言开发的轻量级工具,可以将网页打包成桌面应用。相比传统的 Electron 打包,Pake 打包出来的应用体积小 20 倍左右,只有 5M,并且性能和体验也优于 JS 框架。Pake 不仅可以简单地打包网页,还实现了快捷键透传、沉浸式窗口、拖拽、样式改写、去广告等功能,可以深度定制产品的风格。 超轻量打包 Pake 使用 Rust 语言开发,将网页打包成极小的桌面应用,与 Electron 打包相比,体积小将近 20 倍,只有 5M 左右,性能和用户体验也更好。 不只是简单打包 Pake 不仅可以简单地打包网页,还实现了快捷键透传、窗口效果设置、样式改写等功能,可以定制产品的风格,这比单纯的网页套壳要强大得多。 跨平台运行 Pake 支持 Mac、Windows 和 Linux 系统,可以将同一个网页在多个平台打包成桌面应用分发。 自定义开发 Pake 提供命令行工具和本地开发环境,可以自定义打包网页。需要安装 Rust 和 Node.js 环境,了解 Tauri 框架,就可以开始定制开发。通过修改 pake.json 和 tauri.*.conf.json 文件,可以设置产品名称、图标、窗口属性等。样式改写、广告屏蔽、代码注入、快捷键设置等高级功能,都可以实现自定义定制。 [postboxs post_id=“1233”] 命令一键打包 Pake 提供了命令行工具,可以更快捷方便地一键自定义打你需要的包,详细可见 官方文档 1。 # 使用 npm 进行安装 npm install -g pake-cli # 命令使用 pake url [OPTIONS]... # 随便玩玩,首次由于安装环境会有些慢,后面就快了 pake https://www.chengzz.com --name Chengzz --transparent ...

2023年4月22日 · 1 分钟 · 诚哥博客

Tauri使用结合Web前端构建更小、更快、更安全的桌面应用

Tauri 是一个开源框架,用于构建桌面应用程序,它将 Web 前端与 Rust 后端相结合。开发者可以用熟悉的 Web 技术(HTML, CSS 和 JavaScript)构建应用界面,Tauri 则负责与操作系统进行交互,提供系统级 API 调用能力。 相比 Electron 等解决方案,Tauri 应用更小、更快、更安全。它使用 Rust 编写,可以将 WebAssembly 与原生 Rust 代码融合,充分利用 Rust 的性能和安全优势。此外,Tauri 应用只包含使用的 Web 技术(DOM 和 JavaScript 运行时),不像 Electron 包含整个 Chromium,所以 Tauri 应用的大小可以减小 80%以上。 主要功能 桌面集成:文件浏览,剪切板,触摸板手势等 系统 API 访问:窗口管理,托盘,通知等 渐进式 Web 应用支持:使用 Web 技术构建界面,与桌面环境深度集成 更小尺寸:只包含所需的 Web 技术,不像 Electron 包含完整的 Chromium 更快速度:使用 Rust 编写,可以调用 WebAssembly 和原生代码 更高安全性:Rust 可以避免许多常见安全漏洞 跨平台:支持 Windows, macOS 和 Linux 热重载:保存代码后即时更新界面 下面我们来看如何将 Tauri 集成到 React 项目中。 ...

2023年4月22日 · 2 分钟 · 诚哥博客

VS Code插件之美化 TypeScript 错误信息——Pretty TypeScript Errors

如果你是一名 TypeScript 开发者,你一定会遇到各种各样的错误和警告信息。这些信息通常很难阅读和理解,给调试带来了很大的困难。但是,现在有一个名为 Pretty TypeScript Errors 的 VS Code 插件,可以帮助你美化 TypeScript 的错误和警告信息,让它们变得更加易读和清晰。 Pretty TypeScript Errors 是一个 VS Code 插件,可以美化和格式化 TypeScript 的错误和警告信息,让它们变得更加易读和清晰。它支持自定义主题,显示相关的代码片段以查明问题根源,完全兼容 TypeScript,并支持 VS Code、Webpack 等主流工具。本文介绍了该插件的主要功能、安装方法,以及示例和支持范围。如果你是一名 TypeScript 开发者,强烈推荐你安装并使用这个工具。 主要功能 美化和格式化 TypeScript 错误和警告信息 显示相关的代码片段以查明问题根源 友好的颜色方案,让错误一目了然 支持自定义主题 支持 VS Code、Webpack 等主流工具 完全兼容 TypeScript 安装和配置 VScode 插件安装 安装地址: https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors 示例 下面是 VS Code 带有错误的 TypeScript 代码前后效果对比: 原始错误: error TS2322: Type 'string' is not assignable to type 'number'. var x: number = "hello" ~~~~~~ 美化后效果: ...

2023年4月21日 · 1 分钟 · 诚哥博客

超简单注册Slack聊天工具和Claude App使用教程

Slack 是一款全球知名的企业级聊天工具,本教程将告诉你如何超简单注册并创建自己的团队,以及如何添加人工智能对话助手 Claude App。希望本文能够帮助你更好地使用 Slack,提高团队协作效率。 Slack 可以帮助团队内部协作,提高工作效率。但是,很多人在注册 Slack 时会遇到各种问题。本教程将告诉你如何省去这些注册难题。Claude 是一款人工智能对话助手,由 Anthropic 开发。 1. 访问 Slack 官网注册地址 首先,打开浏览器,输入 Slack 官网注册地址: https://slack.com/get-started#/createnew 2. 输入邮箱地址 在弹出的注册页面中,输入你的邮箱地址(注意不要用 qq 等国内邮箱、可能注册不了,自行尝试)。 3. 验证邮箱 Slack 会向你刚才输入的邮箱地址发送一封验证码邮件,在页面输入验证码即可完成验证。 4. 创建团队 完成邮箱验证后,你需要创建自己的团队。输入团队名称,并选择所属的行业类型。接下来,你可以邀请同事或者朋友加入你的团队,也可以跳过这一步。 直到团队创建完成 5. 开始使用 Slack 现在,你已经成功注册并创建了自己的团队。可以开始使用 Slack 了!点击左侧的“Channels”按钮,加入感兴趣的频道,和其他成员进行沟通交流。 以上就是超简单注册 Slack 的教程,希望能够帮助到你。 6.添加 Claude App Claude App 是一个人工智能对话助手,由 Anthropic 开发。它可以帮助你更好地使用 Slack,提高效率。 ...

2023年4月14日 · 1 分钟 · 诚哥博客

Mac如何关联多个应用生命周期,让启动Typora同时启动PicGO?

很多 Mac 用户都希望在使用 Typora 写作时能够自动启动 PicGO 来上传图片,这样可以提高写作效率。还能节约一直后台运行 PicGO 带来的电量性能损耗。本文将分享一种实现方式,通过 Mac OS 的 AppleScript 脚本来关联多个应用程序的生命周期,以实现启动 Typora 同时启动 PicGO 的功能。 您是否想要在使用 Typora 写作时能够自动启动 PicGO 来上传图片?本文将分享一种通过 AppleScript 脚本实现启动 Typora 同时启动 PicGO 的方法。 代码实现 这里提供了一份简单的 AppleScript 脚本,可用于启动 Typora 并检查其是否正在运行。如果 Typora 已关闭,则会退出 PicGO。 global theApp on quitTheApp() if theApp is running then quit theApp end if end quitTheApp set theApp to application "PicGo" activate theApp tell application "Typora" activate end tell # 每隔1秒钟检查一次Typora是否还在运行 repeat if not application "Typora" is running then quitTheApp() exit repeat end if delay 1 end repeat 该脚本首先将 Typora 应用程序激活,并将 PicGO 设置为 theApp 变量。然后,它使用一个循环来每隔 1 秒钟检查一次 Typora 是否还在运行。如果 Typora 已关闭,则脚本将退出 PicGO。 ...

2023年4月6日 · 1 分钟 · 诚哥博客