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

Posted 2023-02-22

【中文标题】如何让 VS Code 显示/验证对象模式？

【英文标题】：How to get VS Code to show / validate object schema?

【发布时间】：2021-12-20 11:43:42

【问题描述】：

npm init -y npm i axios npm i @types/axios --save-dev

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

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

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

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

【问题讨论】：

这有帮助吗？ code.visualstudio.com/docs/editor/intellisense#_troubleshooting 或尝试创建局部变量而不是使用全局变量。 const resp = ...

不，它并没有真正的帮助。 require() = 没有正常完成

在浏览器中访问该 URL...

【参考方案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

【讨论】：

但是有了导入，就不能运行了？ SyntaxError: Cannot use import statement outside a module

尝试在该文件中添加export。另见***.com/questions/58273824/…