一、安装 jsdoc

npm install --save-dev jsdoc

二、配置 jsdoc.json

{
  "source": {
    "include": [ "src/" ],
    "exclude": [ "src/router" ]
  },
  "opts": {
    "template": "node_modules/docdash",
    "encoding": "utf8",
    "destination": "./docs/",
    "recurse": true,
    "verbose": true
  }
}

 配置项

source

source.include JSDOC 需要扫描哪些文件

source.exclude JSDOC 需要排除哪些文件

opts

opts.template    生成文档的模板,默认是 templates/default

opts.encoding    读取文件的编码,默认是 utf8

opts.destination  生成文档的路径,默认是 ./out/

opts.recurse     运行时是否递归子目录

opts.verbose     运行时是否输出详细信息,默认是 false

三、配置 package.json 的 scripts

"scripts": {
  "dev": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "build:doc": "jsdoc -c ./jsdoc.json",
},

四、JavaScript 文件 使用 /** 注释

/**
 * 解析日期时间到时间戳
 * @param date {Date} 日期时间
 * @param digits {Boolean} 是否是10位时间戳
 * @returns {number}
 */
export function dateParseTime(date, digits = true) {
  return digits ? Date.parse(new Date(date)) / 1000 : Date.parse(new Date(date));
}

五、npm run build:doc 生成 JavaScript 文档

 六、更多请查看文档

/**
 * @author LiuDanyang
 * @class
 * @name 登录
 * @description 登录类
 * @param {String} 用户名
 * @param {String} 密码
 * @return {Login}
 *
 * @example
 * // 创建登录
 * new Login(user, pass);
 */
export default class Login {

  /**
   * @private
   * @function
   * @name 初始化
   * @description 初始化登录
   */
  init() {

  }
}

参考资料:

JSDoc中文文档JSDoc官网Github jsdoc

Logo

前往低代码交流专区

更多推荐