效率与工具

🚀 目录 什么是 Homebrew？ 安装前准备 安装 Homebrew（Intel & Apple Silicon） 配置国内镜像加速 常用命令快速上手 安装 GUI 应用：Cask 使用 高级优化：自动更新、清理、数据分析 卸载与恢复默认 总结 1. 什么是 Homebrew？ Homebrew 是 macOS（及 Linux）上流行的开源包管理工具，适合开发者通过命令快捷安装、卸载、更新各种工具与库。它使用 Ruby 脚本 “formulae” 管理依赖，并提供 “bottles” 二进制包加快安装速度。 2. 安装前准备 macOS 版本：建议 Catalina（10.15）或更高 Xcode Command Line Tools：在终端运行： xcode-select --install 3. 安装 Homebrew（Intel & Apple Silicon） 在终端粘贴官方一键脚本： /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 安装脚本会根据硬件自动选择安装路径： Apple Silicon：/opt/homebrew Intel：/usr/local 根据提示，将 brew 添加进 Shell 路径，如 ~/.zshrc： eval "$(/opt/homebrew/bin/brew shellenv)" 4. 配置国内镜像加速（清华 / 中科大 / 阿里云） 国内网络访问 GitHub 较慢，建议配置镜像加速，提高 Homebrew 安装速度。 ...

导读：想要提升开发效率和视觉体验？本文为你整理了 VS Code 最值得配置的几个关键设置： 资源管理器缩进与引导线设置，提升文件结构可读性 推荐使用 Fira Code 字体并启用连字符，让代码更清晰美观 精选三大主流主题：One Dark Pro、Dracula、GitHub 主题对比及安装方式 安装 Material Icon Theme 图标主题，增强文件类型识别度 通过这些简单但效果显著的设置，让你的 VS Code 更加个性化、高效化。 开始 VS Code是一个功能强大的编辑器，我们可以通过自定义设置，让它使用更加方便。 设置 提高“资源管理器”的可读性 让“资源管理器”中文件树更加清晰、有条理，可以通过下面的方法配置： 打开VS Code。 按Ctrl + Shift + P或者 Cmd + Shift + P打开命令面板。 输入Preferences: Open Settings (JSON)，然后选择首选项: 打开设置(JSON)。 在打开的settings.json文件中，添加下面的代码： { "workbench.tree.indent": 15, "workbench.tree.renderIndentGuides": "always", "workbench.colorCustomizations": { "tree.indentGuidesStroke": "#05ef3c" } } 设置字体 推荐使用Fira Code字体，这款字体因其编程连字符而改变了开发者的游戏规则，它能让你的代码更易读、更美观。请按照以下步骤安装： 下载Fira Code字体：Fira Code GitHub page 安装字体，打开下载的.ttf文件，点击“安装字体”。 设置字体，在打开的settings.json文件中，添加下面的代码： { "editor.fontFamily": "Fira Code", "editor.fontLigatures": true } ...

导读：在尝试了 macOS 原生 Terminal 后，我最终还是选择换回 Kitty 终端。本文不仅记录了换回 Kitty 的原因，还详细整理了一套完整的终端美化与配置流程，包括： Kitty 安装与基础配置 主题切换与字体设置 分屏快捷键配置 oh-my-zsh 命令行美化 实用扩展功能介绍（如 icat, diff, ssh） 如果你也希望拥有一个高性能、高颜值、高效率的终端环境，这篇文章值得收藏！ 起因 先前我一直打算使用系统自带的终端 Terminal，觉得自己对终端的使用需求不多，所以勉强能用，并且还写了一篇关于 美化macos终端原生命令行terminal的文章。然而，最严重的问题是：在黑暗模式下命令行看不清楚。我尝试将以前的美化效果去掉，但显示问题依然存在，令我非常困扰。尽管可以退回使用那个丑陋的原始命令行，但我不愿向这种困境妥协。于是，我又找回了我的 Kitty 终端。 Kitty终端 Kitty 是一个跨平台、特性丰富的基于 GPU 的终端模拟器。使用线程渲染将输入延迟最小化，以及 GPU 渲染技术，使得肉眼可见的速度提升，以及降低系统负载和平滑的滚动效果。它是一个轻量级的模拟器，可以通过脚本、shell 提示符和 SSH 进行控制。 特点：GPU加速，支持分屏、远程控制等高级功能。 美观：支持多种配色方案和字体设置，界面简洁。 小巧：性能优越，启动速度快。 网址：Kitty 安装 我的是Mac电脑，所以安装方法和配置都是基于苹果电脑的。如果windows，请参考：Kitty官网，有详细的说明（英文的）。 使用二进制安装 curl -L https://sw.kovidgoyal.net/kitty/installer.sh | sh /dev/stdin Homebrew brew install kitty 基础配置 修改配置的方法 安装完成后，kitty的默认配置路径是：~/.config/kitty/kitty.conf，如果没有则新建配置文件。 [!WARN] 注意 修改配置后，需要重新启动 Kitty 才会生效！ 这个的唯一的缺点就是所有配置都需要在配置文件中自己写。 比如这样： 当然在官方文档中写的非常详细，能给实现控制的内容也非常多，有兴趣的可以看:kitty.conf - kitty 选择主题 使用命令： kitty +kitten themes ...

前言 在前端开发中，设计出一个好看的UI往往是最让人头疼的事。作为一个不擅长设计的开发者，我总是希望找到一些便捷又高效的工具来帮助完成这些工作。于是，我花时间找到了几款超好用的UI设计工具，它们不仅能帮助你轻松搞定配色、排版、特效，还能让你事半功倍，省下大量时间！希望这些工具对你也有帮助！ 工具 Realtime Colors 这是一款非常强大的颜色工具，可以让你生成带有深色或浅色背景的随机配色方案，并同时在工具上测试这些配色方案，同时可以测试字体、颜色和深/浅色模式。 地址：https://www.realtimecolors.com fffuel fffuel是一个工具集合，它拥有三十多个工具，包括颜色工具、字体工具、图像工具等，可以帮助你快速生成设计资源。 你可以生成 SVG Blob、SVG 线条、动画 3D 图形、重复 SVG 图形、SVG 旋转器、水彩背景、等距设计、SVG 箭头等。 地址：https://fffuel.co Aceternity UI Aceternity UI是一个UI组件库，你可以直接复制使用当中的代码，能够实现很多非常漂亮的效果，比如：3D画廊、轮播图、极光背景、流星背景、打字机效果、无限滚动卡片等。 地址：https://ui.aceternity.com/ Stack Sorted Stack Sorted是一个创意效果库，里面有很多非常酷炫的效果，其中包含了按钮、卡片、标题、布局等各种效果，你可以直接复制使用当中的代码，来实现这些效果，不过使用还需需要一些访问网站的技巧。 地址：https://stacksorted.com/ Tints and Shade Generator 色调生成器，输入一个十六进制颜色，就可以得到当前颜色的所有色调和色泽。 地址：https://maketintsandshades.com/ Glassmorphism CSS Generator 玻璃效果生成器，可以生成玻璃效果的CSS代码，支持自定义颜色、阴影、模糊等效果。 地址：https://hype4.academy/tools/glassmorphism-generator 总结 总的来说，这些工具简直是设计小白的福音！从配色、特效到各种创意设计元素，它们大大提升了我的工作效率。如果你也有一些好用的设计工具或者建议，欢迎在评论区和我分享！让我们一起探索更多让UI设计变得简单有趣的工具吧！

引言 作为一名开发者，你一定遇到过使用 Git 的种种烦恼：随着项目体积变大，操作变得越来越慢；切换分支时不小心覆盖了修改；面对庞大的 monorepo 项目难以下手。 幸好，Git 也在不断升级与进化，带来新功能，让我们的开发体验更加顺畅。本文为你总结了 10个实用但容易被忽略的 Git 命令，帮你更高效地管理代码和项目！ Git 的基础操作请参考：[[程序员必备！15个超实用的Git命令，助你高效管理代码]] 内容 1. git switch - 更安全的分支切换 在 Git 2.23 之前，git checkout 是切换分支的万能命令，但它还涉及其他操作，容易误触。 git switch 专注于分支切换，操作更安全、更清晰： # 切换到其他分支 git switch feature-branch # 创建并切换到新分支 git switch -c new-branch 好处： 减少误操作的风险，不再担心覆盖当前文件！ 2. git restore - 安全地撤销文件更改 以往撤销更改，通常用 git checkout 或 git reset，但容易混乱甚至影响分支状态。git restore 专注于文件恢复，操作简单直观： # 丢弃工作区的更改 git restore main.js # 撤销暂存区的更改 git restore --staged main.js 好处： 安全撤销文件修改，不影响分支或提交状态。 ...