在 VScode 中，如何从导入文件的行中打开文件？

Question

我正在从 vscode 中的文件中import各种项目。 该模块存在，但似乎缺少一些项目。 我可以看到该模块确实存在于文件系统中，vscode 甚至显示了文件名：

我想直接从导入文件的位置打开文件，使用 VScode 本身用于导入模块的相同逻辑。 我原以为右键单击可以让我执行此操作（“转到实现”）听起来好像会打开文件，但它什么也没做。

显然，我可以打开一个 shell 并启动指向该文件的code ，但这是一种解决方法，而不是实际的解决方案。

如何打开在 vscode 中导入的文件？

Answer 1

有多种方法。

• 右键单击，然后选择“转到定义”（而不是您使用的“转到实施”）
• 选择类型，然后按 F12
• Ctrl（Mac 上为 cmd）+ 鼠标左键单击

我喜欢最后一个捷径。 它很容易到达。

Answer 2

您正在查看的模块有可能是 commonJS 模块。 您可以在.jsonconfig文件中创建或添加以下设置。

设置/添加条目“模块”：“CommonJS”或设置“模块”：“Node16”

{
  "compilerOptions": {
    "baseUrl": "src",
    "module": "Node16"
  },
  "include": [
    "src"
, "public/src"  ]
}

或者

{
  "compilerOptions": {
    "baseUrl": "src",
    "module": "CommonJS"
  },
  "include": [
    "src"
, "public/src"  ]
}

希望这可以帮助