一个轻量极简的 VS Code 股票实时查看插件，让您在编码的同时轻松掌握股市动态。

低调摸鱼，专注看盘 🤫

本项目基于 watch-stock 进行二次开发和优化。

为什么改名为 CodeTrader？

• 🤫 更隐蔽：将"摸鱼看盘"改为"CodeTrader"，看起来更像是一个专业的代码工具
• 🎭 更低调：移除明显的股票图标，不易被发现
• 💼 更专业：外表看起来像是开发工具，实则暗藏看盘功能
• 🎯 贯彻摸鱼精神：低调行事，高效摸鱼

主要优化：

• ✨ 连续添加股票：一次性添加多只股票，无需反复打开对话框，按 ESC 退出
• ✨ 连续移除股票：批量清理不需要的股票，一键连续操作，按 ESC 退出
• 📊 智能排序：状态栏悬浮提示按涨跌幅从高到低自动排序，一眼看出龙头
• 🎨 界面优化：提高状态栏优先级，确保信息可见性
• 🖱️ 智能交互：单击状态栏显示详情面板，双击打开管理菜单
• 📌 持久显示：详情面板不会自动隐藏，由用户主动关闭，方便长时间查看
• 📋 完美对齐：详情面板表格列完美对齐，数据清晰易读
• 🔧 开发工具：添加自动化构建脚本，方便二次开发
• 🚀 扩展预留：为未来图表功能（分时图、K线图）预留接口

• 📈 实时行情 状态栏实时显示股票价格和涨跌幅
• 📊 股票看板 侧边栏分类显示指数、板块和自选股
• 🔔 异动监控 监控自选股票异动，行情变化不错过
• 👁️ 显示/隐藏 一键隐藏/显示状态栏股票信息
• ⌨️ 快捷键 支持快捷键快速切换显示/隐藏

注意：本插件未发布到 VS Code 插件市场，请通过以下方式安装。

从 Releases 页面下载最新版本的 .vsix 文件。

图形界面安装：

1. 下载 codetrader-x.x.x.vsix 文件
2. 在 VSCode 中按 Ctrl+Shift+X 打开扩展面板
3. 点击右上角 ··· 菜单
4. 选择 "从 VSIX 安装..."
5. 选择下载的文件
6. 重新加载窗口

命令行安装：

# 下载后执行
code --install-extension codetrader-x.x.x.vsix

快速构建：

# 1. 克隆项目
git clone https://github.com/your-username/codetrader.git
cd codetrader

# 2. 安装打包工具
npm install -g @vscode/vsce

# 3. 自动构建并安装
npm run rebuild

# 4. 重新加载 VSCode 窗口
# 按 Ctrl+Shift+P → 输入 "Reload Window" → 回车

手动构建：

# 1. 克隆项目
git clone https://github.com/your-username/codetrader.git
cd codetrader

# 2. 安装打包工具并打包
npm install -g @vscode/vsce
npm run package

# 3. 安装到 VSCode
code --install-extension codetrader-1.4.0.vsix

1. 查看股票看板：点击活动栏的"CodeTrader"图标，打开侧边栏查看指数、板块和自选股
2. 查看详情：单击状态栏显示所有股票详情面板（按涨跌幅排序），点击面板标签页的 ✕ 关闭
3. 添加自选股：双击状态栏或点击侧边栏齿轮图标，选择"添加自选股票"，输入股票代码或名称
4. 管理股票：双击状态栏或点击侧边栏齿轮图标，可添加、移除、清空自选股票列表
5. 显示/隐藏：
   • 双击状态栏 → 选择"显示/隐藏状态栏" 或使用命令面板
   • 使用快捷键：Ctrl+Alt+S（Windows/Linux）或 Cmd+Alt+S（macOS）
6. 手动刷新：双击状态栏 → 选择"刷新行情数据" 或 使用命令面板
7. 个性化配置：在 VS Code 设置中搜索 codetrader，可配置股票、指数、板块列表、最大显示数量、延迟隐藏时间等

• 股票代码：sh600519（上交所）、sz000001（深交所）、bj430047（北交所）
• 中文名称：贵州茅台、中国平安 等

在 VS Code 设置中搜索 codetrader，可配置以下选项：

{
  "codetrader.stocks": ["sh600519", "sz000001", "sh601318"],
  "codetrader.indices": ["sh000001", "sz399001", "sz399006"],
  "codetrader.sectors": ["sh512760", "sh512690", "sh512170"],
  "codetrader.maxDisplayCount": 3,
  "codetrader.showTwoLetterCode": true,
  "codetrader.enableMonitor": true
}

# 克隆项目
git clone https://github.com/your-username/codetrader.git
cd codetrader

# 使用 VS Code 打开项目
# 按 F5 启动调试模式（会打开新窗口测试插件）

# 或快速重新编译并安装到当前 VSCode
npm run rebuild

# 1. 修改代码
vim src/managers/stockManager.js

# 2. 重新编译并安装
npm run rebuild

# 3. 重新加载 VSCode 窗口
# 按 Ctrl+Shift+P → 输入 "Reload Window" → 回车

# 4. 测试功能

更多开发脚本说明请查看 scripts/README.md。

# 安装打包工具
npm install -g @vscode/vsce

# 打包插件
npm run package

codetrader/
├── src/
│   ├── extension.js               # 主入口文件
│   ├── config.js                  # 配置管理
│   ├── managers/                  # 业务管理模块
│   ├── pages/                     # 页面模块
│   ├── services/                  # 服务层
│   ├── ui/                        # UI 层
│   └── utils/                     # 工具函数
├── scripts/                       # 开发脚本
│   ├── rebuild.sh                 # 快速重新编译安装
│   ├── dev.sh                     # 开发监听模式
│   └── README.md                  # 脚本使用说明
├── images/                        # 图片资源
├── package.json                   # 插件配置
└── README.md                      # 说明文档

感谢原项目 watch-stock 作者 @pbstar 的开源贡献，为本项目提供了坚实的基础。

本项目采用 MIT 开源协议。