You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Visual Studio Code中通过命令或快捷键生成文件夹及内部文件?

实现方案

以下两种方案都可在VS Code内部完成,无需跳转外部站点:

方案1:内置任务功能(无需第三方插件)

  • 按下Ctrl+Shift+P(Mac系统为Cmd+Shift+P)唤起命令面板,输入「任务:配置任务」,依次选择「使用模板创建tasks.json文件」→「Others」
  • 将生成的tasks.json内容替换为以下配置,可自行修改示例中的文件名、命令逻辑适配你的需求:
{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "create-custom-structure",
      "type": "shell",
      // macOS/Linux 用以下命令
      "command": "mkdir -p ${input:targetFolder} && touch ${input:targetFolder}/index.js ${input:targetFolder}/style.css",
      // Windows 系统请注释上面一行,改用以下命令
      // "command": "mkdir ${input:targetFolder} && type nul > ${input:targetFolder}\\index.js && type nul > ${input:targetFolder}\\style.css",
      "problemMatcher": [],
      "presentation": {
        "echo": false,
        "reveal": "never"
      }
    }
  ],
  "inputs": [
    {
      "id": "targetFolder",
      "type": "promptString",
      "description": "输入自定义文件夹名称"
    }
  ]
}
  • 绑定快捷键:按下Ctrl+K Ctrl+S打开快捷键面板,点击右上角「打开键盘快捷方式(JSON)」按钮,添加如下配置,可自行修改key字段为你想要的快捷键:
{
  "key": "ctrl+alt+m",
  "command": "workbench.action.tasks.runTask",
  "args": "create-custom-structure"
}

配置完成后按下对应快捷键,输入文件夹名称即可自动完成结构创建。

方案2:模板插件(适合需要内置文件初始内容的场景)

如果需要给生成的文件添加默认初始化代码,可以安装Folder Templates插件:

  • 安装后在插件设置页配置预设的文件夹结构、内部文件的默认内容
  • 可直接右键资源管理器目标位置选择「创建模板文件夹」触发,也可在快捷键设置中为对应命令绑定自定义快捷键,实现一键触发。

内容的提问来源于stack exchange,提问作者Mehdi Faraji

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.08 01:57:02