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

时间:2021-04-03 08:12:23

标签: visual-studio-code code-snippets

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

1 个答案:

答案 0 :(得分:0)

您可以使用命令 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。

相关链接视图(浏览器栏)中,您可以点击打开文件或创建文件图标。