VSCode 中是否可以从外部 js 库获取提示?

SER*_*ERG 3 webstorm visual-studio-code

例如,在我有的 html 文件中, <script src="https://d3js.org/d3.v6.min.js"></script>我想获得诸如d3->csv等的提示。

在 WebStorm 中,可以通过添加https://d3js.org/d3.v6.min.jsExternal Libraries. 有没有办法在 VSCode 中做到这一点?

它是一个简单的 HTML+JS 文件,没有 npm、node 等,例如:

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://d3js.org/d3.v5.min.js"></script>
</head>
<body>
    <script>
        d3.SHOW_HINTS
    </script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

hac*_*ape 6

对于您的d3用例,您需要做的就是:

  1. <script>标签内容从 HTML 文件移动到独立的 JS 文件中。
  2. npm install @types/d3,就像迈克·利施克(Mike Lischke)已经指出的那样

结果:

在此输入图像描述

您无法在 HTML 文件内的标记中获得相同类型的 IntelliSense 提示<script>,因为官方扩展不支持它。更多详情请参考我在另一个问题的回答