码耕记

封面

工具箱

> 工欲善其事,必先利其器。
>
> 这里收录了我日常开发、学习和生活中常用的工具与配置,持续更新。


💻 开发环境

工具用途备注
VS Code代码编辑器配合下方扩展使用
iTerm2Mac 终端+ Oh My Zsh 美化
CursorAI 代码编辑器替代方案,AI 辅助编程
Obsidian知识管理本地 Markdown + 双链笔记
TablePlus数据库管理简洁好用的数据库客户端

VS Code 推荐扩展

  • ES7+ React/Redux/React-Native snippets — 代码片段
  • Prettier — 代码格式化
  • GitLens — Git 增强
  • Error Lens — 实时错误提示
  • Tailwind CSS IntelliSense — Tailwind 智能提示

🚀 效率工具

工具用途平台
Snipaste截图贴图Win/Mac
Raycast快速启动器Mac
uTools快速启动器Win/Mac
DeepL翻译全平台
Bitwarden密码管理全平台
Notion协作与知识库全平台

🌐 在线工具

工具用途
JSON.cnJSON 格式化
Regex101正则表达式测试
Tool.lu开发者工具箱(时间戳、编码转换等)
Carbon代码截图美化
Excalidraw手绘风格画图
ProcessOn流程图与思维导图

📚 学习资源

资源说明
MDN Web DocsWeb 技术权威文档
JavaScript.info现代 JavaScript 教程
HelloGitHub有趣的开源项目推荐
阮一峰的网络日志优质中文技术博客

🎨 设计资源

资源用途
Iconfont阿里巴巴图标库
Unsplash免费高质量图片
Coolors配色方案生成
Font Awesome图标字体

🧩 浏览器扩展

开发效率

扩展用途说明
Vue.js devtoolsVue 调试必备,组件树、状态、事件追踪
React Developer ToolsReact 调试组件层级、Props、Hooks 查看
JSONVueJSON 格式化自动美化 API 返回的 JSON 数据
Wappalyzer技术栈检测查看当前网站用了什么技术
GitHub RefinedGitHub 增强简化界面、快速跳转、文件树
Sourcegraph代码搜索在 GitHub 上快速浏览代码定义

阅读与效率

扩展用途说明
uBlock Origin去广告轻量高效,比 AdBlock 更省资源
Dark Reader深色模式强制所有网页变暗色,保护眼睛
Vimium键盘操作用 Vim 快捷键浏览网页,解放鼠标
Surfingkeys键盘操作Vimium 进阶版,支持自定义配置
简悦 (SimpRead)阅读模式中文优化最好的阅读模式,支持导出
划词翻译翻译鼠标选中即翻译,支持多引擎
Language Reactor语言学习看外文视频/文章时显示双语字幕

信息收集

扩展用途说明
Raindrop.io书签管理跨平台书签收集与分类,支持全文搜索
Notion Web Clipper网页剪藏一键保存网页到 Notion
Obsidian Web Clipper网页剪藏保存到 Obsidian,本地优先
SingleFile离线保存将整个网页打包成单个 HTML 文件

安全与隐私

扩展用途说明
Bitwarden密码管理自动填充密码,跨设备同步
Privacy Badger隐私保护自动阻止追踪器
HTTPS Everywhere安全跳转自动将 HTTP 转为 HTTPS

🔧 我的配置文件

> 配置即代码,持续迭代中。


*最后更新:2026年6月 *
持续更新中...

如果你有好用的工具推荐,欢迎在评论区留言分享 👇