如何在VS Code指定目录中创建文件？

以下是几种优先使用VS Code内置能力的实现方式，满足预先配置默认目录、一键创建文件的需求：

方法一：自定义快捷键绑定内置命令，预设目标目录 #

通过配置快捷键，直接调用内置的新建文件命令并指定初始路径：

1. 打开快捷键配置JSON文件：按下Ctrl+K Ctrl+S打开快捷键面板，点击右上角的{}图标进入编辑模式
2. 添加如下配置（示例绑定快捷键Ctrl+Shift+Alt+N，预设目录为src/utils）：

{
  "key": "ctrl+shift+alt+n",
  "command": "workbench.action.files.newFile",
  "args": {
    "fileName": "${workspaceFolder}/src/utils/新建文件.js",
    "showDialog": true
  }
}

• showDialog: true：触发快捷键后会弹出文件名输入框，光标自动定位到预设目录，直接输入文件名即可完成创建
• 可根据需求修改fileName中的目录路径和默认文件名后缀

方法二：通过Tasks自动化创建指定目录文件 #

利用VS Code的Tasks功能，结合输入提示实现交互式创建：

1. 在项目根目录的.vscode文件夹下创建/编辑tasks.json文件
2. 写入如下配置（示例预设目录为src/components，创建.vue文件）：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "在指定目录创建文件",
      "type": "shell",
      "command": "touch ${workspaceFolder}/src/components/${input:fileName}.vue",
      "problemMatcher": []
    }
  ],
  "inputs": [
    {
      "id": "fileName",
      "type": "promptString",
      "description": "请输入文件名（无需带后缀）："
    }
  ]
}

3. 使用方式：打开命令面板（Ctrl+Shift+P），输入Tasks: Run Task，选择对应的任务名，按提示输入文件名即可完成创建

方法三：扩展工具增强（可选） #

如果需要多预设目录快速切换的灵活功能，可以使用Advanced New File扩展：

• 安装后打开命令面板输入Advanced New File，支持直接输入预设目录标记或路径，快速在目标位置创建文件
• 适合需要频繁切换不同目标目录的场景

内容的提问来源于stack exchange，提问作者Ewro