如何在 vscode 的外部文件中获取 express 中间件的智能感知？

Question

我正在尝试编写一个 express 的中间件。我把它写在一个文件中 test2.js

在服务器中，我可以像这样拥有智能感知：

在那个单一文件中，中间件工作正常，但我无法获得 req 和 res

的智能感知

有什么方法可以获取智能感知吗？

这是我的服务器test1.js:

//test1.js
let http = require("http");
let express = require("express");
let app = express();

let middle = require("./test2.js");
app.use(middle);

app.use(function(req, res, next) {
  next();
});
http.createServer(app).listen(80);

这是我的中间件test2.js:

//test2.js
module.exports = function(req, res, next) {
  console.log("middle");
  next();
};

Answer 1

也许 JSDoc 是一个选项？您可能需要安装类型定义：npm i @types/express -D （VS Code 中的“自动类型获取”可能会或可能不会自动为您执行此操作）

/** @type {import("express").RequestHandler} */
module.exports = function (req, res, next) {
    req. // intellisense works
    next();
}

https://github.com/Microsoft/TypeScript/wiki/JSDoc-support-in-JavaScript

您也可以使用自己的 typescript 声明文件：

myTypes.d.ts

import Express from "express";
declare global { 
    type RequestHandler = Express.RequestHandler;
}

类型通常绑定到模块的范围，但您可以导入任何类型并在全局范围内重新声明它。

现在 vscode 找到没有“脏”的类型 {import("express")}

myMiddleware.js

/** @type RequestHandler */
module.exports = function (req, res, next) {
    req. // intellisense works
}

如何在 vscode 的外部文件中获取 express 中间件的智能感知？

How to get intellisense for middleware of express in external file in vscode?

javascript

intellisense

node.js

express

visual-studio-code

您也可以使用自己的 typescript 声明文件：