如何在 VSCode 中同时创建一个新文件夹和多个文件？答案

【问题标题】：How to simultaneously create a new folder and multiple files in VSCode?如何在 VSCode 中同时创建一个新文件夹和多个文件？
【发布时间】：2020-10-07 16:53:19
【问题描述】：

我最近在 Visual Studio Code 中发现，我可以使用以下模式同时创建一个新文件夹和一个新文件：Test/Test.jsx

例如。

1：右键单击并选择“新建文件”。

2：输入所需的文件夹和文件名。

3：第 1 步和第 2 步的结果。

有人知道是否可以使用类似的模式创建一个包含多个文件的文件夹？这就是我希望能够做到的。

【问题讨论】：

另见我在stackoverflow.com/questions/63980558/… 的回答，它创建了一个文件夹和多个文件，每个文件都有默认内容，用于不同的方法。您的情况比较简单，因为您不需要向每个文件添加任何内容。
我仍然认为他们会使用与 webpack 相同的 glob 格式。 Test/Test.{component,styles}.jsx

标签： visual-studio-code vscode-settings

【解决方案1】：

我不认为你可以按照你展示的方式做到这一点，但通过一项任务很容易做到这一点。在你的 tasks.json 中：

{
  "version": "2.0.0",

  "tasks": [
    {
      "label": "new react folder and files",

      "command": "mkdir ${input:dirName} && touch '${input:dirName}/${input:dirName}.component.jsx' '${input:dirName}/${input:dirName}.styles.jsx'",

      "type": "shell",
      "problemMatcher": [],
      "presentation": {
        "echo": false,
        "reveal": "silent",
        "focus": false,
        "panel": "shared",
        "showReuseMessage": false,
        "clear": true
      },
   }
],  

// ........................................................................................
  
  "inputs": [

    {
      "type": "promptString",
      "id": "dirName",
      "description": "Complete my folder name",
      "default": "jsx folder to create"
    }
  ]
}

还有一些键绑定来触发任务（在你的 keybindings.json 中）：

[
  {
    "key": "alt+j",
    "command": "workbench.action.tasks.runTask",
    "args": "new react folder and files",
  }
]

这将提示输入目录名称，然后在其中创建文件夹和两个文件。

[我使用 bash 命令 mkdir 和 touch 来创建文件夹和文件，如果您使用的是没有这些命令的 shell，请换掉已有的命令。]

【讨论】：

谢谢马克！这看起来可以解决问题。比我想要的更多的初始设置，但这是值得的。你能指导我如何访问我的 tasks.JSON 和 keybindings.JSON？
在.vscode 文件夹下创建一个tasks.json 文件，你可以粘贴我展示的内容。对于keybindings.json，在命令面板中查找Open Keyboard Shortcuts (JSON)。
我找到了这个扩展marketplace.visualstudio.com/…。如有必要，您可以使用谷歌翻译来理解说明；）