【亲测免费】 ThumbmarkJS 教程：安装与使用指南

1. 项目目录结构及介绍

在ThumbmarkJS项目中，主要的目录结构如下：

.
├── dist/               # 包含编译后的库文件，如UMD、CJS和ESM格式
├── src/                # 存放源代码
│   ├── index.ts        # 主入口文件
│   └── ...             # 其他源码文件
├── tests/              # 单元测试文件
├── package.json        # 项目配置文件，包括依赖和脚本
└── README.md           # 项目说明文档

dist/目录包含了不同模块格式（UMD、CJS、ESM）的编译版本，供不同的应用场景使用。

src/目录是源代码所在的地方，其中index.ts是主入口文件，其他文件可能包含具体的指纹识别功能模块。

tests/用于存放项目单元测试的相关文件。

package.json包含了项目依赖、版本信息以及可执行的npm脚本。

2. 项目的启动文件介绍

在ThumbmarkJS中，src/index.ts可以视为启动文件。这个文件定义了库的核心功能，比如getFingerprint()和getFingerprintData()方法。如果你想要运行或者修改源代码，可以先通过npm run build命令来编译源代码到dist/目录。

使用示例

// 导入库
import { getFingerprint } from '@thumbmarkjs/thumbmarkjs';

// 获取指纹
getFingerprint().then((fingerprint) => {
    console.log(fingerprint);
});

3. 项目的配置文件介绍

package.json是该项目的主要配置文件，它定义了项目的元数据、依赖和可执行脚本。例如：

{
  "name": "@thumbmarkjs/thumbmarkjs",
  "version": "x.x.x",
  "main": "dist/thumbmark.cjs.js", // 主入口（CommonJS）
  "module": "dist/thumbmark.esm.js", // ES 模块入口
  "umd:main": "dist/thumbmark.umd.js", // UMD 入口
  "scripts": {
    "build": "tsc", // 编译 Typescript 到 JavaScript
    "test": "jest" // 运行测试
  },
  "dependencies": {...},
  "devDependencies": {...}
}

这里，scripts字段定义了可以执行的npm脚本，比如build用于构建项目，test用于执行单元测试。dependencies和devDependencies分别列出了项目运行时和开发时所需的依赖。

要根据此配置执行任务，只需在终端输入相应的npm命令，如npm run build或npm test。