如何让VS Code了解JSDOC跨多个文件的@typedef

zav*_*avr 12 jsdoc visual-studio-code

我想在一个文件中指定一个类型,并能够在另一个文件中重用它.我尝试过模块,但它在VS Code中不起作用.还有其他解决方案吗?我想让我的项目的所有类型都可以重用,这样我就可以跨文件在不同的函数中引用它们.这是我发现的最接近的问题.

cus*_*der 7

I've had some success with using jsconfig.json and its include property in a plain JavaScript project in Visual Studio Code 1.33.1

{
  "include": [
    "src/**/*.js"
  ]
}
Run Code Online (Sandbox Code Playgroud)

Given the following JavaScript project:

src/
??? types/
|   ??? person.js
|   ??? question.js
|
??? answer.js
??? jsconfig.json
Run Code Online (Sandbox Code Playgroud)

其中question.jsperson.js是类型定义:

person.js

src/
??? types/
|   ??? person.js
|   ??? question.js
|
??? answer.js
??? jsconfig.json
Run Code Online (Sandbox Code Playgroud)

Question.js

/**
 * @typedef {object} Person
 * @property {string} firstName
 * @property {string} lastName
 */
Run Code Online (Sandbox Code Playgroud)

并且answer.js是一个接受问题并返回答案的函数:

/**
 * @typedef {object} Question
 * @property {Person} askedBy
 * @property {string} text
 */
Run Code Online (Sandbox Code Playgroud)

正如您在第一个屏幕录像中看到的那样,将鼠标悬停在Question类型符号上时,我确实获得了IntelliSense支持:

在此处输入图片说明

最重要的是,IntelliSense现在还能够根据我的类型定义提供代码完成:

在此处输入图片说明


zav*_*avr 5

由于TypeScript 2.9嵌入在较新的VS Code中,因此可以通过使用importJSDoc中的语法来实现,就像这样

/**
 * @typedef {import("koa").Context} Context
 *
 * @typedef {Object} BodyparserOptions
 * @prop {(ctx: Context) => boolean} [detectJSON] Custom json request detect function. Default `null`.
 */
Run Code Online (Sandbox Code Playgroud)

同样,VS Code应该选择整个工作空间中定义的所有类型。

  • 如果您在很多文件中执行此操作,您最终会得到一大堆“Context”类型定义。每次您尝试导入“Context”时,自动完成功能都会显示此列表,但不清楚该选择哪一个:( (2认同)