VSCode字体管理器
一个功能强大的VSCode扩展插件，提供完整的字体管理功能，让您轻松管理和切换编辑器字体。
功能特性
🎨 字体应用
- 一键应用字体到VSCode编辑器
- 智能保留备用字体设置
- 实时生效，无需重启VSCode
- 支持字体名称验证
📚 字体管理
- 扫描Windows系统字体目录
- 支持自定义字体路径
- 字体搜索和过滤功能
- 字体预览功能
📝 历史记录
- 记录最近使用的字体
- 显示使用次数和最后使用时间
- 支持清除历史记录
- 快速切换到历史字体
🔍 高级功能
- 关键词搜索字体
- 字体文件详细信息
- 统计信息显示
- 配置导入导出
安装方法
从源码安装
- 克隆或下载项目到本地
- 在项目目录中打开终端
- 安装依赖：
npm install
- 编译项目：
npm run compile
- 在VSCode中按
F5 启动调试，或者打包安装
打包安装
- 安装vsce工具：
npm install -g vsce
- 打包扩展：
vsce package
- 安装生成的.vsix文件
使用方法
打开字体管理器
- 使用命令面板（
Ctrl+Shift+P）
- 输入"打开字体管理器"
- 或者点击侧边栏的字体管理器图标
应用字体
- 在字体列表中浏览可用字体
- 使用预览功能查看字体效果
- 点击"应用"按钮应用字体
- 字体将立即在编辑器中生效
管理自定义字体
- 切换到"自定义字体"标签页
- 点击"添加路径"按钮
- 选择包含字体文件的文件夹
- 系统将自动扫描该文件夹中的字体
查看历史记录
- 切换到"历史记录"标签页
- 查看最近使用的字体列表
- 点击字体名称快速应用
- 使用"清除历史"按钮清空记录
支持的字体格式
- TrueType字体 (.ttf)
- OpenType字体 (.otf)
- Web字体 (.woff, .woff2)
- Embedded OpenType (.eot)
系统要求
- VSCode 1.74.0 或更高版本
- Windows 操作系统
- Node.js 16.x 或更高版本（开发时）
配置说明
扩展会自动管理以下VSCode配置：
editor.fontFamily: 编辑器字体族- 其他字体相关设置保持不变
配置文件位置：
- Windows:
%APPDATA%\Code\User\settings.json
开发说明
项目结构
├── package.json # 扩展配置
├── tsconfig.json # TypeScript配置
├── src/
│ ├── extension.ts # 扩展入口
│ ├── fontManager.ts # 字体管理核心
│ ├── configManager.ts # 配置管理
│ ├── storageManager.ts # 存储管理
│ ├── fontScanner.ts # 字体扫描
│ └── webview/
│ ├── fontPanel.ts # Webview面板
│ ├── webview.js # 前端逻辑
│ └── webview.html # 前端界面
├── media/
│ └── styles.css # 样式文件
└── README.md # 说明文档
开发命令
# 安装依赖
npm install
# 编译TypeScript
npm run compile
# 监听文件变化
npm run watch
# 代码检查
npm run lint
# 运行测试
npm test
调试方法
- 在VSCode中打开项目
- 按
F5 启动扩展开发主机
- 在新窗口中测试扩展功能
- 使用开发者工具调试Webview
故障排除
常见问题
字体不显示
- 检查字体文件是否存在
- 确认字体格式是否支持
- 重新扫描字体目录
配置不生效
- 检查VSCode配置文件权限
- 重启VSCode
- 检查字体名称是否正确
扩展无法启动
- 检查VSCode版本是否符合要求
- 重新编译扩展
- 查看开发者控制台错误信息
日志查看
- 打开VSCode开发者工具（
Help > Toggle Developer Tools）
- 查看Console标签页中的日志信息
- 搜索"字体管理器"相关日志
贡献指南
欢迎提交Issue和Pull Request！
- Fork项目
- 创建功能分支
- 提交更改
- 创建Pull Request
许可证
MIT License
更新日志
v1.0.0
- 初始版本发布
- 基础字体管理功能
- 系统字体扫描
- 历史记录功能
- Webview用户界面
联系方式
如有问题或建议，请通过以下方式联系：
享受更好的编程体验！ 🚀
| |
