VS Code 可以自动生成文件吗？

Question

我正在 VSCode 中使用

import styles from './FileName.module.scss'

为我的反应函数组件样板创建一个用户片段，我想知道是否可以在创建

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相关链接

将此添加到您的

settings.json

：

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

您可能需要更改用于

.tsx

文件的 languageId。

在相关链接视图（资源管理器栏）中，您可以单击打开文件或创建文件图标。

Answer 2

您可以安装SmartImporter。

[https://marketplace.visualstudio.com/items?itemName=xig.smartimporter][1]