🚀 打造我的开发者工作流:VSCode、Vim 和 Zsh

发布: (2025年12月3日 GMT+8 16:47)
5 min read
原文: Dev.to

Source: Dev.to

“想象一下你像指挥家一样挥动双手,所有乐器都恰好演奏出你想要的音符。这就是我在工作流中每天追求的感觉。”

作为开发者,你一定懂得那种苦逼的日子:长时间盯着代码,在文件、终端、文档和浏览器之间切换。经过多年构建 PHP、Laravel 和 WordPress 项目,我的工作流一片混乱。我会打开 VSCode,在文件之间跳来跳去,重复相同的终端命令,寻找插件,调各种设置——往往 在工具上花的时间比写代码本身还多

我决定受够了。我要一个 像音乐一样的 工作流,让一切都跟随我的节奏。

Step 1: VSCode — More Than an Editor

VSCode 本身已经很强大。我并没有重新发明轮子,只是对它做了细致的调优。

  • Shortcuts – 导航、文件操作、分屏、多光标、重命名/复制/粘贴/删除。
  • Automation – 减少重复操作。
  • Editor tweaks – 行号、相对行号、迷你地图、鼠标滚轮缩放、自动换行、光标样式。

这些小改动共同营造出一种 流畅状态:你移动得更快,思考的不是工具,而是代码本身。

Pro tip: 先从基础开始,随着熟练度提升逐步采用更多快捷键,让它们变成直觉。

Minimal. Clean. Focused.

我去掉了视觉噪音:

  • 隐藏标签页,最小化活动栏,保持树视图简洁。
  • 使用 Vim 键绑定,实现无鼠标的导航和编辑。
  • 集成终端、Zsh 与各种 shell 工具。

起初会感觉信息量太大——快捷键遍布,需要肌肉记忆——但几周后它会变成第二天性,让你成为一个在项目中毫不犹豫、流畅“奔跑”的编码 “野兽”

Step 2: Zsh — My Terminal, My Orchestra

借助 Oh My Zsh、插件以及精心的配置,终端就成了你的舞台。

  • Selective plugins – 只保留真正用到的插件。
  • Aliases – IP 检查、文件导航、剪贴板编码、端口、电池状态等别名。
  • Custom functions – 例如:
# mkcd: create a directory and cd into it
mkcd() {
  mkdir -p "$1" && cd "$1"
}

# markdown2pdf: convert a markdown file to PDF using pandoc
markdown2pdf() {
  pandoc "$1" -o "${1%.md}.pdf"
}
  • Clean PATH & MANPATH – 没有杂乱,避免混淆。

结果是:输入更少,导航更快,思维摩擦更小。

Step 3: Extensions That Actually Work

插件在有目的地使用时才真正强大。

  • 只安装必需的,每个插件都必须有明确的用途。
  • Vim 仿真侧重于核心移动(a, A, b, f, l, h, i, k, gg)。
  • 超过 90 条快捷键覆盖导航、编辑、文件操作以及多文件工作流。

你可以在在线平台上用 15–20 分钟学会这些 Vim 移动——非常值得投入时间。

Step 4: Why This Workflow Matters

  • Personal yet universal – 基于众所周知的工具,任何人都可以迁移使用。
  • Speed & comfort – 减少重复性压力,让编码变得愉快。
  • Scalable – 适用于 PHP、Laravel、WordPress,也同样适用于 JavaScript、Python、Ruby 等语言。

一旦掌握了节奏,编码就像音乐:你思考,你移动,你执行。

Step 5: My Advice to Fellow Devs

  • Start with your editor. 选择真正会用到的插件。
  • Automate the boring stuff. 别名、函数、宏——小的胜利会累计成大幅提升。
  • Simplify navigation. 学会基本的移动和快捷键。
  • Iterate. 工作流会随项目演进,不必一开始就追求完美。
  • Enjoy the ride. 控制你的环境就像指挥自己的交响乐团。

Key Takeaway

工作流不是追求复杂,而是追求 清晰、节奏和个人满足感。从小处入手,尽可能自动化,让你的工具跟随你的指挥——而不是相反。

Find the complete configuration on GitHub:
https://github.com/mahafuz/.config

Back to Blog

相关文章

阅读更多 »