😎我把 Chrome 新标签页变成 VS Code —— TabStudio
### 项目初衷:
本项目基于身后常有主管经过的同仁害怕摸鱼被发现的痛点开发:在浏览器查资料或看技术文章时,鲜艳的网页排版在 IDE 界面中间显得尤为扎眼。为了实现“**沉浸式摸鱼而不失礼貌**”,我开发了 **TabStudio** —— 一个将 Chrome New Tab 伪装成像素级 VS Code 工作区的浏览器扩展。
### 摸鱼设计学(核心功能):
- **Tab 级网页嵌套 (Embedded Web View)**:告别 Chrome 原生标签页,网页直接作为 IDE 内的文件页签打开,切网页就像切 `.js` / `.py` 文件。
- **第三方网页 Force Dark Mode**:针对白底网页提供智能暗色重绘滤镜,确保全局暗色 IDE 视觉色调一致,不会因为突然亮屏引发后方关注。
- **伪装终端 CLI 交互 (`Ctrl + ~`)**:支持底部 Terminal 面板上下自由拖拽,支持通过 `search <关键词>` 指令直接在命令行发起检索。
- **⌘ + P 键盘流**:Command Palette 模糊搜索书签与网页,减少鼠标点击频率,打造“这人在狂敲代码”的假象。
- **Scratchpad 临时代码板**:摸鱼途中随手粘贴临时代码段或笔记,支持实时自动保存。
**说明:** 本项目基于 Manifest V3 规范开发,提供 5 套主流 IDE 主题与中英双语,已正式上线 Chrome Web Store。
### 🛒 官方下载链接:
[Chrome Web Store 官方下载链接](https://chromewebstore.google.com/detail/tabstudio-ide-workspace/hlgjebcpmmlffoobkgkjmjghfkdgphng)

---
原文链接:[点击查看](https://www.v2ex.com/t/1231203)
本项目基于身后常有主管经过的同仁害怕摸鱼被发现的痛点开发:在浏览器查资料或看技术文章时,鲜艳的网页排版在 IDE 界面中间显得尤为扎眼。为了实现“**沉浸式摸鱼而不失礼貌**”,我开发了 **TabStudio** —— 一个将 Chrome New Tab 伪装成像素级 VS Code 工作区的浏览器扩展。
### 摸鱼设计学(核心功能):
- **Tab 级网页嵌套 (Embedded Web View)**:告别 Chrome 原生标签页,网页直接作为 IDE 内的文件页签打开,切网页就像切 `.js` / `.py` 文件。
- **第三方网页 Force Dark Mode**:针对白底网页提供智能暗色重绘滤镜,确保全局暗色 IDE 视觉色调一致,不会因为突然亮屏引发后方关注。
- **伪装终端 CLI 交互 (`Ctrl + ~`)**:支持底部 Terminal 面板上下自由拖拽,支持通过 `search <关键词>` 指令直接在命令行发起检索。
- **⌘ + P 键盘流**:Command Palette 模糊搜索书签与网页,减少鼠标点击频率,打造“这人在狂敲代码”的假象。
- **Scratchpad 临时代码板**:摸鱼途中随手粘贴临时代码段或笔记,支持实时自动保存。
**说明:** 本项目基于 Manifest V3 规范开发,提供 5 套主流 IDE 主题与中英双语,已正式上线 Chrome Web Store。
### 🛒 官方下载链接:
[Chrome Web Store 官方下载链接](https://chromewebstore.google.com/detail/tabstudio-ide-workspace/hlgjebcpmmlffoobkgkjmjghfkdgphng)

---
原文链接:[点击查看](https://www.v2ex.com/t/1231203)
· 0 个赞