我构建了一个受 VSCode 启发的开发者作品集
vscode-portfolio
创意与灵感
说实话，我已经数不清自己浏览过多少令人惊艳的作品集网站了，每次看到都让我叹为观止。我常常尝试从中汲取灵感，用自己的方式重新制作作品集。然而，几个小时下来，我又会发现其他更好的设计或想法，然后转而去做别的。
由于这种循环往复，我的笔记本电脑里存着五六个未完成的作品集网站，每个设计都不一样。我很欣赏一些网站的创意，但我就是拿不定主意，无法坚持使用一种设计。那么，这次又是什么吸引了我的目光呢？是这个令人惊艳的Ubuntu主题作品集网站。
我喜欢这个想法，于是我开始思考开发人员都使用哪些工具。还有什么比我们大多数人用来编写代码的文本编辑器 Visual Studio Code 更好的选择呢？
VSCode主题作品集
如果您有兴趣亲自探索这个项目，请点击以下链接：http://vscode-portfolio.vercel.app/
一个使用 Next.js 构建的、以 VSCode 为主题的开发者作品集
vscode-portfolio
一个以 Visual Studio Code 为主题的开发者作品集网站，使用 Next.js 构建，并部署在 Vercel 上。
功能路线图
- 主题和自定义
- GitHub Dark（默认）
- 一个黑暗职业
- 德古拉
- 阿鱼
- 诺德
- 交互式自定义终端
对于其他功能和主题建议，请提交 issue。
环境变量
要从 dev.to 获取文章，请.env.local在项目目录中创建一个文件。.env.local.example更多信息请查看该文件。
运行开发服务器
npm run dev
# or
yarn dev
请在浏览器中打开http://localhost:3000查看结果。
所有与 VSCode 相关的组件都可以在该文件夹中找到components。要更改作品集的内容，请检出该pages文件夹。要添加或删除页面，请修改components/Sidebar.jsx并删除相关文件components/Tabsbar.jsx。
Next.js 资源
要了解有关 Next.js 的更多信息，请参阅以下资源：
你可以…
这是一个响应式服务器端渲染的作品集网站，使用 Next.js 构建，Next.js 是我在“2021 年我将学习的技术”一文中提到的技术之一。
从布局到外观，我的目标是打造一个外观和使用体验都与 Visual Studio Code 非常相似的个人作品网站。这包括添加一些炫酷的功能，例如主题、扩展程序、交互式终端等等。
你能帮助我吗？
您可能已经注意到，大部分页面目前还是空白的，因为我想收集一些关于布局和 VSCode 方面设计的反馈。您希望其他页面采用什么样的设计？您希望在这个项目中看到哪些其他功能？如果您能留下任何反馈、批评或建议，我将不胜感激。
该项目最棒的地方在于，由于其他页面尚未构建，您可以 fork 该项目并实现自己的设计，这可以帮助您从原始项目中脱颖而出。
如果您有兴趣贡献力量，该项目是开源的，我非常感谢您的任何帮助。当然，您也可以分享或给代码仓库点赞。
文章来源：https://dev.to/itsnitinr/i-built-a-vscode-inspired-developer-portfolio-418g
