TypeDoc para TypeScript: guia completo com exemplos

Treinador Online de Python para Iniciantes

Aprenda Python facilmente sem sobrecarga teórica. Resolva tarefas práticas com verificação automática e escreva código diretamente no navegador.

Start Course

O que é TypeDoc e para que serve?

\n\n

TypeDoc é um poderoso gerador de documentação para projetos em TypeScript. Ele cria automaticamente páginas HTML bonitas e estruturadas com base nos seus comentários no código, escritos no formato JSDoc. Se você já escreveu código em TypeScript e quis obter rapidamente uma documentação semelhante à documentação oficial do TypeScript ou de bibliotecas populares, TypeDoc é exatamente o que você precisa.

\n\n

Para que serve? No desenvolvimento moderno, a documentação não é um luxo, mas uma necessidade. TypeDoc resolve várias tarefas principais:

\n
    \n
  • Automação: Você não precisa escrever documentação manualmente. Basta adicionar comentários a funções, classes, interfaces e tipos, e o TypeDoc gerará um site pronto.
  • \n
  • Atualidade: A documentação está sempre alinhada com o código, pois é gerada diretamente a partir dele.
  • \n
  • Navegação: TypeDoc cria uma navegação conveniente pelo projeto: estrutura em árvore, busca, links para tipos.
  • \n
  • Suporte a TypeScript: Ele entende tipos complexos do TypeScript: genéricos, tipos utilitários, sobrecargas de funções, módulos e namespaces.
  • \n
  • Extensibilidade: TypeDoc suporta temas, plugins e personalização.
  • \n
\n\n

TypeDoc é ideal para:

\n
    \n
  • Bibliotecas e pacotes distribuídos via npm.
  • \n
  • Projetos internos, onde é necessário apresentar rapidamente o código a novos desenvolvedores.
  • \n
  • Documentação de API para aplicações servidoras em TypeScript.
  • \n
  • Projetos educacionais, onde a clareza visual é importante.
  • \n
\n\n

Instalação do TypeDoc

\n\n

TypeDoc é instalado via npm (Node Package Manager). Certifique-se de ter o Node.js instalado (versão 14 ou superior).

\n\n

A maneira mais simples é instalar o TypeDoc globalmente:

\n
npm install -g typedoc
\n\n

No entanto, para projetos, é recomendado instalá-lo como uma dependência local de desenvolvimento:

\n
npm install --save-dev typedoc
\n\n

Após a instalação, você pode verificar a versão:

\n
npx typedoc --version
\n\n

Se você usa Yarn:

\n
yarn add -D typedoc
\n\n

Para pnpm:

\n
pnpm add -D typedoc
\n\n

Início rápido com exemplo de código

\n\n

Vamos criar um projeto simples e gerar documentação para ele.

\n\n

Passo 1: Crie o projeto

\n
mkdir my-typedoc-project\ncd my-typedoc-project\nnpm init -y
\n\n

Passo 2: Instale o TypeDoc

\n
npm install --save-dev typedoc
\n\n

Passo 3: Crie o arquivo de código src/index.ts

\n
/**\n * Módulo para trabalhar com operações matemáticas.\n * @module MathUtils\n */\n\n/**\n * Soma dois números.\n * @param a - Primeiro número\n * @param b - Segundo número\n * @returns Soma de a e b\n * @example\n * ```typescript\n * const result = add(2, 3);\n * console.log(result); // 5\n * ```\n */\nexport function add(a: number, b: number): number {\n    return a + b;\n}\n\n/**\n * Subtrai o segundo número do primeiro.\n * @param a - Minuendo\n * @param b - Subtraendo\n * @returns Diferença entre a e b\n */\nexport function subtract(a: number, b: number): number {\n    return a - b;\n}\n\n/**\n * Interface para representar um ponto no espaço bidimensional.\n */\nexport interface Point {\n    /** Coordenada X */\n    x: number;\n    /** Coordenada Y */\n    y: number;\n}\n\n/**\n * Calcula a distância entre dois pontos.\n * @param p1 - Primeiro ponto\n * @param p2 - Segundo ponto\n * @returns Distância entre os pontos\n */\nexport function distance(p1: Point, p2: Point): number {\n    const dx = p2.x - p1.x;\n    const dy = p2.y - p1.y;\n    return Math.sqrt(dx * dx + dy * dy);\n}

Recommendations