如何让 VS Code 显示/验证对象模式？

Question

1. npm init -y
2. npm i axios
3. npm i @types/axios --save-dev

当我输入如下代码时，VS code 1.62 怎么没有给出响应对象的架构：

resp = await axios("https://httpstat.us/404");
resp. 

<C-Space> 显示令人困惑/不恰当的补全。

请问我错过了什么？我尝试将文件重命名为打字稿，但这也无济于事，所以我真的很困惑如何有效地编辑 Javascript。 IE。让编辑器诊断出我使用了错误的属性并提示使用正确的属性。

Answer 1

使用 .ts 扩展名命名文件并使用以下命令导入 axios：

import axios from 'axios'

那么以下应该可以完全自动完成：

async function testing() {
  const resp = await axios("https://httpstat.us/404");
  resp.status // works
}

Typescript 并不总能通过 require 函数获得正确的类型。 import 是您在打字稿中执行此操作的正确方式。

See the docs