mcpField
T
ts-check-jsdoc-experiment

ts-check-jsdoc-experiment

github.com/marius-townhouse开发643 次安装38 周前更新
代码仓库

关于 ts-check-jsdoc-experiment

这项编码技能通过 `@ts-check` 和 JSDoc 为 JavaScript 添加 TypeScript 类型检查,无需转换文件,适合渐进迁移、试验和类型验证。

主要功能

  1. 01用 `@ts-check` 检查 JavaScript
  2. 02通过 JSDoc 注释添加类型
  3. 03逐步采用 TypeScript 检查

适用场景

  1. 01在 JavaScript 文件中试验 TypeScript
  2. 02逐步迁移 JavaScript 代码库
  3. 03用类型注释验证 JavaScript

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/marius-townhouse/effective-typescript-skills --skill ts-check-jsdoc-experiment

安装后在 Claude Code 中输入/ts-check-jsdoc-experiment确认已加载。

详细介绍

使用 @ts-check 和 JSDoc 尝试 TypeScript

概述

无需将 JavaScript 转换为 TypeScript,即可为 JavaScript 文件添加 TypeScript 类型检查。在 JS 文件顶部使用 @ts-check,并通过 JSDoc 注释添加类型。这样,你就可以逐步尝试 TypeScript,而无需一次性完成全部转换。

适用场景

  • 尝试 TypeScript
  • 逐步迁移 JavaScript
  • 为 JS 文件添加类型
  • 帮助团队学习 TypeScript
  • 使用类型验证 JavaScript

铁律

使用 @ts-check 和 JSDoc 为 JavaScript 文件添加 TypeScript 类型检查,无需进行完整转换。

示例

// @ts-check

/**
 * @param {string} name
 * @param {number} age
 * @returns {string}
 */
function greet(name, age) {
  return `Hello ${name}, you are ${age}`;
}

greet('Alice', 30); // OK
greet('Alice', '30'); // Type error!

/** @type {string[]} */
const names = ['Alice', 'Bob'];

/** @typedef {{ x: number, y: number }} Point */
/** @type {Point} */
const point = { x: 1, y: 2 };

参考资料

  • Dan Vanderkam 著,《Effective TypeScript》,第 2 版
  • 条目 80:使用 @ts-check 和 JSDoc 尝试 TypeScript

评论

支持 Markdown