WordMaster - VSCode 背单词插件
在 VSCode 中高效背单词，不打断编码节奏
功能
- 侧栏面板 - 左侧 Activity Bar 快速打开，不影响编辑器
- 学习模式 - 显示英文、音标、中文释义和例句，输入英文单词（全面学习）
- 跟写模式 - 显示英文，输入中文释义
- 默写模式 - 显示中文，输入英文单词
- 例句支持 - 每个单词配有 1-2 个实用例句，帮助理解用法
- 记忆曲线 - 基于艾宾浩斯遗忘曲线的间隔复习
- 错词本 - 输入错误自动记录，方便复习
- 进度持久化 - 关闭 VSCode 后学习进度保留
内置词库
| 词库 |
词数 |
| CET-4 |
3,849 |
| CET-6 |
1,956 |
| 专升本英语 |
3,849 |
每个单词均包含音标和 1-2 个实用例句。
安装
从 VS Code Marketplace 安装
发布后可在 VSCode 扩展面板搜索 WordMaster 安装。
从 VSIX 安装
- 下载
wordmaster-0.1.0.vsix
- VSCode → 扩展面板 → 右上角
... → 从 VSIX 安装...
- 选择下载的
.vsix 文件
从源码构建
# 安装依赖
npm install
cd webview && npm install && cd ..
# 构建
npm run compile
cd webview && npm run build && cd ..
# 打包
npm install -g @vscode/vsce
vsce package --allow-missing-repository
使用
- 左侧 Activity Bar 出现书本图标，点击打开
- 选择练习模式：
- 学习模式：查看完整单词信息（含例句），输入英文单词练习拼写
- 跟写模式：显示英文，输入中文释义
- 默写模式：显示中文，输入英文单词
- 选择词库开始学习
- 输入答案后按 Enter 确认
- 正确/错误会有反馈，自动进入下一个单词
项目结构
├── src/
│ ├── extension.ts # 扩展入口
│ └── sidebarProvider.ts # 侧栏 WebviewViewProvider
├── webview/ # Vue 3 前端
│ ├── src/
│ │ ├── App.vue
│ │ ├── stores/wordStore.ts
│ │ └── views/
│ └── dist/ # 构建产物
├── data/ # 词库 JSON
│ ├── cet4.json
│ ├── cet6.json
│ └── zhuanshengben.json
└── media/
└── icon.svg # Activity Bar 图标
技术栈
- VSCode Extension API - WebviewViewProvider 侧栏集成
- Vue 3 + Vite - 前端框架
- Pinia - 状态管理
- TypeScript - 扩展开发
License
MIT
| |
