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 分钟 · 诚哥博客

Vue3前端开发调试的一些基本技巧

自从前段时间转到 VScode,就没太在意它的调试功能,今天有空学习了下,记录下,另外记录下自己学到的一些调试基本技巧 VScode 调试 以前 VScode 调试都是通过一个插件来 Debugger for Chrome 调试的,但是随着 VScode 的更新, Debugger for Chrome 已成为历史,代替它的是 vscode-js-debug,已经内置在 VScode 里了,所以我们在 package.json 里就能看到它的身影 启动调试 点击 调试 选择启动脚本 dev 然后我们的服务就启动了 下断点 运行前端 使用 Ctrl+鼠标左键 打开调试页面,即可监听到调试内容 调试 可以看到所有断点页面的数值,太多也不好看,右键可以添加监视区 可以通过悬浮控制台进行按步执行,我是习惯用 F9 执行 然后监视区的数据就会按程序显示对应的值了,非常适合调试复杂的程序,总比一直 log 强吧 ...

2022年6月17日 · 1 分钟 · 诚哥博客

使用Docker搭建node开发环境

前端时间拿到一份比较旧的项目代码,奈何领导想看,所以用了新的 node16 来跑,最后适配好后 webpack 构建的代码语法错误,所以还是用回旧版的环境,但是又不想装两个 node,所以自己研究了套方案来整 编写脚本 配合 vscode 的运行脚本,最后实现如下 .vscode ├─ node14 │ ├─ docker-compose.yml │ └─ Dockerfile └─ launch.json 编写 Dockerfile FROM node:14.19.1 WORKDIR /home 编写 docker-compose.yml version: '3' services: node14: build: ./ image: node14:latest container_name: node14 tty: true volumes: - ../../:/home restart: always command: /bin/bash 编写运行脚本 { "version": "0.2.0", "configurations": [ { "command": "docker exec -it node14 /bin/bash -c 'npm install'", "name": "docker npm install", "request": "launch", "type": "node-terminal" }, { "command": "docker exec -it node14 /bin/bash -c 'npm run dev'", "name": "docker dev", "request": "launch", "type": "node-terminal" }, { "command": "docker exec -it node14 /bin/bash -c 'npm run build'", "name": "docker build", "request": "launch", "type": "node-terminal" } ] } 最后,愉快的开发

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

Centos安装Nodejs简单方式

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。本文主要讲的是如何在 Linux 即 Centos 上安装 Nodejs 的简单方式,有比设置环境变量更加简单的方式,那就是设置软链接,软连接到已经设置环境变量的路径即可,如 /usr/bin 1. 官网 下载编译好的包 官网下载: 下载 | Node.js 中文网 (nodejs.cn) cd /usr/local wget https://npmmirror.com/mirrors/node/v16.18.1/node-v16.18.1-linux-x64.tar.xz 2.解压重命名到 nodejs tar -xvf node-v16.18.1-linux-x64.tar.xz mv node-v16.18.1-linux-x64 nodejs rm -rf node-v16.18.1-linux-x64.tar.xz 3.安装一些全局包并创建软链接 因为我们是解压到了指定目录,但是无法全局执行,可以设置环境变量,但是那样就需要改 /etc/profile 文件,其实只需要加软连接到已经环境变量的路径即可 ln -s /usr/local/nodejs/bin/node /usr/bin ln -s /usr/local/nodejs/bin/npm /usr/bin ln -s /usr/local/nodejs/bin/npx /usr/bin npm install -g pnpm ln -s /usr/local/nodejs/bin/pnpm /usr/bin ln -s /usr/local/nodejs/bin/pnpx /usr/bin npm install -g yarn ln -s /usr/local/nodejs/bin/yarn /usr/bin ln -s /usr/local/nodejs/bin/yarnpkg /usr/bin 运行测试 node -v npm -v

2021年12月17日 · 1 分钟 · 诚哥博客