前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >typedoc typescript 注释文档生成器

typedoc typescript 注释文档生成器

作者头像
copy_left
发布2021-02-04 10:26:30
3.1K1
发布2021-02-04 10:26:30
举报
文章被收录于专栏:方球方球

image.png

安装

cnpm i --dev typedoc or yarn add --dev typedoc

使用

// 指定生成对象 typedoc file.ts // 指定输出目录 typedoc --out ./docs

默认将在根目录生成文档目录 /docs

注释规则

代码语言:javascript
复制
/**
 * 首行功能名称
 * @param 参数说明
 * @typeParam 类型参数
 * @return(s) 返回说明
 * @event 事件说明
 * @hidden @ignore 跳过
 * @interval 内部代码,如果配置了 excludeInternal 该段将被忽略
 * @category 反射分组
 */

// 其他
/**
 * @prop 属性
 * @example 使用例子
 */


// 代码块,使用markdown语法
/**
 * ``` typescript
 * class Man { ... }
 * ```
 */
### 注释例子
/**
 * 文本节点
 * @param tag 节点内容
 * @return 返回文本节点字符
 * @example
 * ``` typescript
 * 1. textTag(null)
 * => ''
 * 
 * 2. textTag(undefined)
 * => ''
 * 
 * 3. textTag({ name: 'coco' })
 * => `
 *    {
 *      name: 'coco' 
 *    }
 *  `
 * 
 * 4. textTag('container')
 * => 'container'
 * 
 * 5. textTag(() => {...})
 * => '() => {...}'
 * ```
 */

配置项目

tsconfig

使用 tsconfig 配置文件规则

代码语言:javascript
复制
 typedoc --tsconfig </path/to/tsconfig.json>

entryPoints

入口地址

代码语言:javascript
复制
$ typedoc a b
# or
$ typedoc --entryPoints a --entryPoints b

exclude

排除规则,排除不需要生成的文件

代码语言:javascript
复制
typedoc --exclude "**/*+(index|.spec|.e2e).ts"

excludePrivate

不生成类的 Private 属性文档

代码语言:javascript
复制
 typedoc --excludePrivate

excludeProtected

不生成 类的 Protected 属性文档

代码语言:javascript
复制
typedoc --excludeProtected

excludeInternal

排除内部信息

代码语言:javascript
复制
typedoc --excludeInternal

media

注入多媒体文件地址

代码语言:javascript
复制
typedoc --media <path/to/media/>

includes

注入其他文档地址, 例如 markdown 文件

代码语言:javascript
复制
typedoc --includes <path/to/includes/>

out

文档输出目录

代码语言:javascript
复制
typedoc --out <path/to/documentation/>

json

输出 json 文件

代码语言:javascript
复制
typedoc --json <path/to/out-file.json>

emit

代码语言:javascript
复制
typedoc --emit

theme

设置主题

代码语言:javascript
复制
typedoc --theme <default|minimal|path/to/theme>

highlightTheme

设置高亮主题

代码语言:javascript
复制
typedoc --highlightTheme dark-plus

watch

监听生成

代码语言:javascript
复制
typedoc --watch

使用配置文件

代码语言:javascript
复制
// typedoc.config.json
{
  "entryPoints" : "./src",
  "exclude": "**/__test__/*.ts",
  "out": "./docs"
}
// package.json
"doc:build": "typedoc --options ./typedoc.config.json",

配合构建工具使用

Gulp

代码语言:javascript
复制
// 安装插件
npm install --save-dev gulp-typedoc
// 添加任务
var typedoc = require("gulp-typedoc");
gulp.task("typedoc", function () {
  return gulp.src(["src/**/*.ts"] // 入口).pipe(
    typedoc({
      // 文档生成配置
      out: "docs/",
      name: "My project title",
    })
  );
});

参考

官方文档

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装
  • 使用
  • 注释规则
  • 配置项目
    • tsconfig
      • entryPoints
        • exclude
          • excludePrivate
            • excludeProtected
              • excludeInternal
                • media
                  • includes
                    • out
                      • json
                        • emit
                          • theme
                            • highlightTheme
                              • watch
                              • 使用配置文件
                              • 配合构建工具使用
                                • Gulp
                                • 参考
                                领券
                                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档