当我从 cdn 导入模块时，Intellisense 不起作用。 vscode

Question

我是这样导入三个js的：

import { WebGLRenderer } from 'three';

并且自动完成工作正常（图 1）。

但是当我从 cdn 导入时：

import { WebGLRenderer } from 'https://cdn.skypack.dev/three';

自动完成不起作用（图片 2）

图片 1：

图片 2：

Answer 1

为此，您需要安装 @types/three。
然后你可以使用 jsconfig.json 将 https://cdn.skypack.dev/* 别名为 @types/*，因为这样 vscode / typescript 知道如何解释这些 url。

jsconfig.json:

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "https://cdn.skypack.dev/*": ["./node_modules/@types/*"]
        }
    }
}

更多相关信息：https://www.typescriptlang.org/tsconfig#paths