如何解决是否可以从VSCode中的外部js库获取提示?
例如在我有的html文件中
<script src="https://d3js.org/d3.v6.min.js"></script>
,我想获得诸如d3->csv
等的提示。
在WebStorm中,可以通过将https://d3js.org/d3.v6.min.js
添加到External Libraries
来实现。 VSCode有办法吗?
它在没有npm,节点等的简单HTML + JS文件中,例如:
<!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>
解决方法
您所需要的是智能感知信息,该信息由JS / TS语言实现提供。除了实际的TS代码(如果提供)之外,它还使用所谓的typings (or declaration) files。有许多不同库的类型。对于D3.js,请使用npm install @types/d3
或将"@types/d3": "^5.7.2"
添加到package.json中的dev-dependencies部分,然后运行npm install
。
对于您的d3
用例,您需要做的是:
- 将
<script>
标签内容从HTML文件移动到独立的JS文件中。 -
npm install @types/d3
,就像Mike Lischke指出的那样
结果:
您无法在HTML文件的<script>
标签内获得相同类型的IntelliSense提示,因为官方扩展名不支持该提示。有关更多详细信息,请参阅我对另一个问题here的回答。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。