我构建了一个受 VS Code 启发的开发者作品集

发布: (2026年1月18日 GMT+8 00:51)
2 分钟阅读
原文: Dev.to

Source: Dev.to

我希望我的作品集对其他开发者来说感觉熟悉——而不是又一个普通的个人网站。

于是我决定构建一个受 VS Code 启发的作品集,使其外观和行为都像一个 IDE。目标很简单:当开发者打开它时,应该立刻产生熟悉感。

VS Code‑inspired portfolio screenshot

包含内容

  • 类编辑器的布局,带有标签页
  • 像真实代码编辑器一样工作的侧边栏
  • 受终端启发的内容区域
  • 可拖拽的窗口
  • 在所有设备上完全响应式
  • 支持自定义主题

为什么要这样做

许多作品集过于强调华丽的动画和视觉效果。我想走另一条路,注重熟悉感和可用性——让开发者无需解释就能立刻上手。

我知道对非开发者来说可能会显得复杂,所以我计划实现一个 Easy Mode(可切换),将布局改为更简洁的 VS Code 风格视图,使所有人都能轻松理解,同时保留 VS Code 的美感。

仓库

https://github.com/arnofrxdd/ide-portfolio

演示

https://arnofrxdd.github.io/ide-portfolio/

Back to Blog

相关文章

阅读更多 »

React 应用基础

介绍 今天我们将探讨在创建 React 应用时可见的文件和文件夹的原因和用途。 !React app structure https:/...