Markdown 字数统计 VS Code 插件
一款用于统计 Markdown 文档字数的 VS Code 插件,支持在状态栏显示字数,并能在预览模式下正确显示。
功能特性
- ✅ 状态栏字数统计:在编辑器底部状态栏实时显示 Markdown 文档的字数
- ✅ 中文字符统计:准确统计中文字符数量
- ✅ 英文单词统计:准确统计英文单词数量
- ✅ 总字符数统计:显示去除空白后的总字符数
- ✅ 预览模式支持:在 Markdown 预览模式下也能正确显示字数
- ✅ 实时更新:文档内容变化时自动更新字数统计
- ✅ 详细信息弹窗:点击状态栏可查看详细字数统计
安装方法
方法一:从 VSIX 安装
- 打开 VS Code
- 按
Ctrl+Shift+P 打开命令面板
- 输入 "Extensions: Install from VSIX..."
- 选择打包好的
.vsix 文件
方法二:开发模式安装
- 克隆或下载本项目
- 在项目目录下运行:
npm install
npm run compile
- 按
F5 启动调试,会打开一个新的 VS Code 窗口(扩展开发宿主)
- 在新窗口中打开一个 Markdown 文件即可使用
使用方法
- 打开或创建一个 Markdown 文件(
.md)
- 在编辑器底部状态栏可以看到字数统计:
- 点击状态栏的字数统计可查看详细信息
- 打开 Markdown 预览(
Ctrl+Shift+V)时,状态栏会自动更新当前文档的字数
字数统计规则
中文字符
- 统计 Unicode 范围
\u4e00-\u9fff 和 \u3400-\u4dbf 的字符
- 包括常用汉字和扩展汉字
英文单词
- 按空格和标点分词
- 支持连字符和撇号连接的单词(如
don't、well-known)
总字符数
Markdown 语法处理
插件会自动去除以下 Markdown 语法元素,只统计纯文本内容:
- YAML front matter
- HTML 标签
- 代码块和行内代码
- 图片和链接语法(保留链接文本)
- 标题标记(#)
- 加粗、斜体、删除线标记
- 列表标记
- 表格语法
- 引用标记
- 水平分割线
配置选项
在 VS Code 设置中可以配置以下选项:
{
"countMDFontNumber.showInStatusBar": true,
"countMDFontNumber.showInPreview": true
}
showInStatusBar:是否在状态栏显示字数(默认:true)
showInPreview:是否在预览模式下显示字数(默认:true)
命令
开发说明
项目结构
countMDFontNumber/
├── src/
│ └── extension.ts # 插件主代码
├── out/ # 编译输出目录
├── package.json # 插件配置文件
├── tsconfig.json # TypeScript 配置
└── .vscodeignore # 打包忽略文件
构建命令
# 安装依赖
npm install
# 编译 TypeScript
npm run compile
# 监听模式编译
npm run watch
# 打包插件
vsce package
许可证
MIT License
| |