分类： 笔记

三月份都在忙工作，没啥动力做酒评分享，所以来跟风做一篇自己的效率提升工具集合的分享文。

软件

终端类

Austin 一直支持跨平台同步的历史记录工具，支持直接搜索历史命令。跨项目开发的神器，经常在pnpm和yarn之间来回切，有些命令只记得一小部分，就可以用这个工具的模糊搜索找回来。

Warp 增强版zsh，支持tmux分屏，原生支持鼠标选中编辑位置。（不过最近更新的AI功能太多了，很容易用成AI模式，差评。）

效率软件

Raycast 替代Spotlight的软件，Swift原生，支持插件，AI plan很好用。我现在把Shift + Z绑定成AI模式的唤醒键，搭配 Command + Space效率提升非常多，有一些不懂的就丢给AI分析，还能把一些固定的prompt整理成AI Command重复使用。

Sequel Ace Mac 数据库管理软件，免费，Swift原生，支持跳板机连接，有中文。不过公司不让用跳板机连接数据库，现在只能降级回手工输入SQL了。

Magnet 窗口管理快捷工具，Swift原生，只要记住及格固定的快捷键，就可以单纯依赖键盘，管理桌面窗口了，搭配Raycast实用，效率提升200%。使用Raycast中的VSCode project manager插件，快速打开cursor，然后一下Control + Option + Enter直接全屏编辑，立刻就能进入某个项目的开发状态了。

Snipaste 桌面截图工具。这个截图工具最好用的是多桌面的截图标签，可以把截图后贴在桌面最顶层，结合鼠标滚轮可以放大缩小，整理项目关系，数据比对的时候很好用。开通Pro版本后的二维码识别更是效率神器，不用再掏出手机做识别，截图就能把二维码解析出来了。

微信输入法 这个输入法最大的卖点，在我看来就是支持多平台的粘贴板同步，我在安卓测试机上安装上微信输入法，结合电脑的微信输入法，以及Mac跟iPhone间的粘贴板同步，我就可以做到三个设备间无缝粘贴的能力了，在做项目测试，需要频繁粘贴链接或者数据的时候，绝对是一大利器。

Cursor 我最近一年来用的最多的AI IDE了，做程序员这行的肯定都懂这玩意儿的厉害之处，搭配最新的Opus 4.6模型，需求随便做，根本无所畏惧，代码分析、Review、实现功能模块、Bug分析、图片分析样样精通，离开了AI我都不会编程了。这种自动挡的体验，感受过就回不去了。

Whistle 网页流量代理工具。这里Whistle本质上就是一个Proxy，但它最大的用途不是代理，而是劫持流量做请求分析，对项目开发而言非常好用，结合浏览器上的切换插件（比如：whstile-firefox等），在做开发的时候，可以直接在调试页面切换到所需的代理规则，为开发和验收作出了不少的效率提升贡献。

实用工具

FontMin 字体文件裁剪器，可以将ttf裁剪成很小的文件，原生，免费。这个工具主要是前端开发，做优化的时候能用到。在做一些活动项目的时候，如果设计要求使用艺术字体，就可以使用这个工具，直接把项目中会使用的艺术字体裁剪出来，将font文件压缩成一个专属版本，可以有效减包，一般一个1-200KB的ttf，可以裁剪到只有1-2KB。（因为裁剪后，整个字体包就只剩下项目中，会用到的字体了。）

PerfDog 可以评估真机的内存占用。对机器做性能测试比较有用，可以分析机器是否存在内存泄漏的问题。但现在需要按量计费，有点昂贵，如果不是公司报销，我个人是用不起的了。

MonitorControl 多显示器亮度同步工具。如果同时使用多个屏幕的时候，可以安装这个软件，使得所有的分屏都映射到相同标准下的亮度量程中，避免出现手动控制的一边亮一边暗的情况。

DarkModeBuddy 根据Mac亮度自动切换浅色/深色模式的工具。这个工具在办公室午休的时候，绝对是一大利器。因为腾讯中午午休的时候是会关灯的，如果中午需要处理事务的时候，难免会被浅色模式的皮肤闪瞎眼睛。这个工具此时就能派上用场，他会使用mac的亮度计，识别环境的亮度，达到特定阈值后就会切换至浅色/深色模式。避免在暗光环境下被闪瞎眼，在亮光场景下，被深色皮肤限制了文字的可读性。

硬件

MX-Vertical 罗技的垂直鼠标。买这个鼠标纯粹是为了预防鼠标手，之前一直在用Master 3S，手腕经常会酸疼，换成垂直鼠标后，确实缓解了不少，现在已经很少会出现手腕酸疼的情况了。罗技这款鼠标的垂直度数有限，所以习惯一下就能从之前的Master切换过来，算是在健康和易用之间，取到了一个甜蜜点了。缺点也是有的，Vertical的快捷键没有Master 3这么多，也没有了水平滚轮（做Cocos动画的时候，K帧很好用），也没有了无极滚轮，需要一点时间来调整一下工作流。还有就是手汗大的话，鼠标上的硅胶依旧容易融化，我的Vertical上已经是千疮百孔了。

Macbook Pro M1Pro 32+1T 苹果电脑。这个是公司发的电脑，本来给我配属的是一台intel芯片的老款电脑（触屏touchbar也是很难用，经常过热），但是老款电脑的散热设计有很大的缺陷，经常过热，会导致芯片过热降频。后面切到Cocos开发后，这个弊端直接就影响到我的开发效率了，于是怒写三份邮件给老板们申请换电脑。换到M1Pro之后，让本地原来需要15分钟构建时间的项目，缩短到只需要3分钟，效率直接提升5倍。原来还要加班才能做得完的工作，现在直接提前做完，效率拉满。这是我第一次具像化的认识到Pro的威力所在，当他真的能让你的工作快一倍以上的时候，你就应该花钱买它，真的非常好用。

倍立正 护腰坐垫。一开始我是很抵触这个概念的，我总是感觉这就是一个类似背背佳那样子的智商税产品。后面无意跟朋友开了个玩笑，他就当作生日礼物送给我了，非常感谢我的朋友。刚开始用的时候，腰背确实会很酸，用着用着就会感觉不酸了。直到有一段时间，腰背真的不酸之后，我才意识到之前的酸痛来源，就是来自于自己的错误坐姿导致的，这个小塑料板是真的可以把我们的腰椎调整到一个合适的姿态上，保护好自己的健康的。

思考

写这篇文章，主要是3月真的没啥好写的了。工作日基本都是在做基建或者学习AI做游戏，周末有时间我就出去游泳、滑雪、逛街吃饭喝酒，真的不再有周末自己在家捣鼓代码的想法。我总是感觉AI出来之后，很多之前的想法已经变得不再迫切，很多人通过AI就能够大幅提升效率和自己的能力边界，我们再去古法编程显得有点逆势而为，没有必要再花大量的时间去开发那解决小痛点的产品。我反而会想着说，出去逛一下，学习更多知识之后，看看别的场景下有没有办法做一些代码的结合，帮助更多场景提效，或许是程序员更好的出路。

最近转型成了无情的流水线工程师，天天就是帮组里的同事编写构建流水线。

需求

目前有个需求就是希望可以在流水线构建的过程中，指定自定义路径的引擎。

困境

翻遍了整个Cocos文档和论坛，在Google上找了2-3个月都没找到2.X的项目，究竟要怎么样才能在命令行构建的时候指定自定义引擎路径。3.X官方倒是给命令行新增了参数，用于指定自定义引擎的位置。

3.x可以通过–engine参数来手动指定引擎路径 https://docs.cocos.com/creator/3.8/manual/zh/editor/publish/publish-in-command-line.html

解决

今天在翻看定制化引擎的时候，偶然发现了这个技巧，超级无敌简单。就是在项目的根目录下创建一个local文件夹，然后在里面设置一个settings.json，就可以轻松指定项目所使用的自定义引擎路径了。

我这里还写了个nodejs的脚本来辅助创建，分享给大家使用：

保存为customEnginePath.js

const fs = require('fs');
const path = require('path');

// Parse command line arguments
const args = process.argv.slice(2);
let customEnginePath = null;

// Parse --path argument
for (let i = 0; i < args.length; i++) {
    if (args[i] === '--path' && i + 1 < args.length) {
        customEnginePath = args[i + 1];
        break;
    }
}

// Get current working directory absolute path
const currentDir = process.cwd();

if (!customEnginePath) {
  console.error('❌ Custom engine path required!');
}

// Build engine path - use custom path if provided, otherwise use default
const enginePath = path.resolve(customEnginePath);

// settings.json file path
const settingsPath = path.join(currentDir, 'local', 'settings.json');

try {
    // Ensure local directory exists
    const localDir = path.dirname(settingsPath);
    if (!fs.existsSync(localDir)) {
        fs.mkdirSync(localDir, { recursive: true });
        console.log('📁 Created local directory');
    }
    
    // Create complete settings configuration object
    const settings = {
        "use-global-engine-setting": false,
        "use-default-js-engine": false,
        "js-engine-path": enginePath,
        "use-default-cpp-engine": true,
        "cpp-engine-path": ""
    };
    
    // Write configuration to file with beautiful formatting
    const settingsContent = JSON.stringify(settings, null, 2);
    fs.writeFileSync(settingsPath, settingsContent, 'utf8');
    
    console.log('✅ Successfully generated/updated local/settings.json');
    console.log(`📁 js-engine-path set to: ${enginePath}`);

    console.log('🎯 Using custom engine path specified via --path argument');
    
    // Show whether file was newly created
    if (!fs.existsSync(settingsPath)) {
        console.log('🆕 Created new settings.json file');
    } else {
        console.log('🔄 Updated existing settings.json file');
    }
    
} catch (error) {
    console.error('❌ Operation failed:', error.message);
    console.log('💡 Please check file permissions or disk space');
} 

使用方法：

在项目根目录下运行这个脚本

node customEnginePath.js --path=<Your Custom Engine Path>

使用CocosCreator构建的时候，就会自动使用你指定的引擎进行构建。

CocosCreator内看不到这个设置是正常的，构建的时候是会使用自定义引擎进行构建的。

如果运行完脚本，但是Creator内构建的时候会提示“The first argument muse be of type string or an instance of buffer xxxx”的，就是Creator的bug，要手动进自定义引擎的面板，勾选一下全局JS引擎，然后再取消勾选全局JS引擎，这样子Creator内构建才不会报错。

背景

日常开发的过程中，经常会遇到设计稿仅提供px值的情况，仅能保证IOS设备下的显示正确，无法保证在多端设备中的元素比例正常。

问题

因此在日常开发中，我都会选择使用rem代替px。但是这个转换过程心智负担太重了，经常忘记要如何转换，所以我整理成了两段代码，平时转换的时候只要直接用就好了，不需要反复学习记忆其转换规则。

px转rem

<你要转换的px数> / parseFloat(getComputedStyle(document.documentElement).fontSize)

rem转px

parseFloat(getComputedStyle(document.documentElement).fontSize) * <你要转换的rem数>

补充

我比较建议你把这段代码存到自己的模板代码里，方便自己使用，不然每次都打开我这个博客就太麻烦了。

方法

利用左连接来实现逐小时查询(终于把数据库原理学到的知识用上了😂)

select a.click_date,ifnull(b.total,0) as total from (
SELECT date_format(date_sub(curdate(), interval 1 HOUR),'%Y-%m-%d-%H') as click_date 
union all 
SELECT date_format(date_sub(curdate(), interval 2 HOUR),'%Y-%m-%d-%H') as click_date 
union all 
SELECT date_format(date_sub(curdate(), interval 3 HOUR),'%Y-%m-%d-%H') as click_date 
union all 
SELECT date_format(date_sub(curdate(), interval 4 HOUR),'%Y-%m-%d-%H') as click_date 
union all 
SELECT date_format(date_sub(curdate(), interval 5 HOUR),'%Y-%m-%d-%H') as click_date 
union all 
SELECT date_format(date_sub(curdate(), interval 7 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 8 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 9 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 10 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 11 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 12 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 13 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 14 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 15 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 16 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 17 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 18 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 19 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 20 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 21 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 22 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 23 HOUR),'%Y-%m-%d-%H') as click_date
union all 
SELECT date_format(date_sub(curdate(), interval 24 HOUR),'%Y-%m-%d-%H') as click_date
) a 
left join (
select date_format(createTime,'%Y-%m-%d-%H') as datetime, count(*) as total from `order` where  `status` = 2 group by date_format(createTime,'%Y-%m-%d-%H')
) b 
on a.click_date = b.datetime

infull用于字段的补0，在无数据的时候可以补上0。

dateSub用于减去时间戳的时间

a主要是用来生成逐小时的时间字段

b主要是查询数据

on是用来执行left join的条件

前言

本文章主要记录个人的开发经验，产生自最近进行的后端开发。

方法

1.切换到”结构”Tab

2.添加新的字段

3.UpdateTime字段设置为”TimeStamp”, 设置Extra为”on update CURRENT_TIMESTAMP”

4.CreateTime字段设置为”TimeStamp”, Default设置为CURRENT_TIMESTAMP

CURRENT_TIMESTAMP是MySQL自带的一个时间函数，用于生成当前的时间戳”2022-01-05T08:37:17.000Z”。

on update CURRENT_TIMESTAMP表示字段在更新时更新为当前的时间戳。

通过这样子的设定，可以将创建时间和更新时间的操作交由数据库处理，免去了开发者在后端进行额外的处理。

前端如何处理?

new Date("2022-01-05T08:37:17.000Z").getTime())

通过该方法可以快速的转换成距1970 年1 月1 日之间的毫秒数。