在 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"  ]
}

希望這可以幫助