vscode添加第三方库代码提示

众所周知,JS是门动态语言,对一些代码提示会比较弱

特别是引入一些第三方库,如jQuery, d3等,没有代码提示

有时候写demo的时候,不想引入npm各种包,仅仅需要一个文件的时候



<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>d3title>
head>
<body>
    <div id="svg">
    div>


    <script src="https://cdn.bootcss.com/d3/5.9.7/d3.min.js">script>
    <script src="js/main.js">script>
body>
html>
// js/main.js目录下的js文件

// ...省略一些代码

那怎么优雅的添加代码提示呢?

在项目目录下新建jsconfig.json文件

{
    "exclude": ["node_modules"],
    "typeAcquisition": {
      "include": [
        "d3" // 填你想要提示的代码库名字
      ]
    }
}

这个时候就会有代码提示了
vscode添加第三方库代码提示_第1张图片

如果没有的话,请尝试更新到最新版的vscode

你可能感兴趣的:(配置环境)