Question

我正在 VSCode 中使用 import styles from './FileName.module.scss' 为我的 react 函数组件样板创建一个用户代码段，我想知道是否可以在创建 FileName.module.scss 文件时创建该 Filename.tsx或运行该代码片段

Answer 1

您可以使用命令 htmlRelatedLinks.openFile。

您可以在键绑定中使用该命令或使用 multi-command 为其命名。

将此添加到您的 settings.json（全局或工作区）

  "multiCommand.commands": [
    {
      "command": "multiCommand.createModuleSCCS",
      "sequence": [
        { "command": "htmlRelatedLinks.openFile",
          "args": {
            "file": "${fileDirname}/${fileBasenameNoExtension}.module.sccs",
            "method": "vscode.open"
        }
      ]
    }
  }

编辑

或者您可以使用扩展程序 HTML Related Links

中的相关链接视图

将此添加到您的 settings.json：

"html-related-links.include": {
    "typescript": [
      "import .+? from '([^']+)'"
    ]
  }

您可能需要更改用于 .tsx 文件的 languageId。

在相关链接视图（浏览器栏）中，您可以点击打开文件或创建文件图标。

是否可以在 VS Code 中自动生成文件？

1 个答案: