O que é TypeDoc e para que serve?
\n\nTypeDoc é 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\nPara 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
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
Instalação do TypeDoc
\n\nTypeDoc é instalado via npm (Node Package Manager). Certifique-se de ter o Node.js instalado (versão 14 ou superior).
\n\nA maneira mais simples é instalar o TypeDoc globalmente:
\nnpm install -g typedoc\n\nNo entanto, para projetos, é recomendado instalá-lo como uma dependência local de desenvolvimento:
\nnpm install --save-dev typedoc\n\nApós a instalação, você pode verificar a versão:
\nnpx typedoc --version\n\nSe você usa Yarn:
\nyarn add -D typedoc\n\nPara pnpm:
\npnpm add -D typedoc\n\nInício rápido com exemplo de código
\n\nVamos criar um projeto simples e gerar documentação para ele.
\n\nPasso 1: Crie o projeto
\nmkdir my-typedoc-project\ncd my-typedoc-project\nnpm init -y\n\nPasso 2: Instale o TypeDoc
\nnpm install --save-dev typedoc\n\nPasso 3: Crie o arquivo de código src/index.ts
/**\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}