如何在VSCode中为特定工作区使用ES6之前的旧代码片段？

Absolutely! VS Code gives you full control over workspace-specific settings and snippets, so you can tailor your setup for your old ES5.1 (or older) project while keeping modern JS support for other workspaces. Here's a step-by-step breakdown to make this work:

1. Set Workspace-Level JavaScript Target Version #

First, tell VS Code that your legacy project should adhere to ES5 standards. This helps with language checking and aligns the editor's behavior with your target platform:

• Open your legacy project in VS Code.
• Go to File > Preferences > Settings (or press Ctrl+, / Cmd+,).
• Switch to the Workspace tab (this ensures changes only apply to this project, not globally).
• Search for javascript.implicitProjectConfig.target and set it to ES5.
• Save the changes—this creates a .vscode/settings.json file in your project root, which stays local to this workspace.

2. Create Custom Workspace Snippets for Legacy JS #

The built-in code snippets use let/const by default, so you'll need to override them with ES5-compatible versions just for this workspace:

• Open the Command Palette with Ctrl+Shift+P (or Cmd+Shift+P on Mac).
• Type Configure User Snippets and select it.
• Choose New Workspace Snippets from the options, then name the file something like legacy-javascript.code-snippets (it will live in the project's .vscode/ folder).
• Paste in custom snippets for the patterns you use most. For example, here's an ES5-compatible for loop snippet to replace the built-in one:

  {
    "ES5 For Loop": {
      "prefix": "for",
      "body": [
        "for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
        "\t${1:// Your code here}",
        "}"
      ],
      "description": "Legacy ES5 for loop using var instead of let"
    },
    "ES5 For-In Loop": {
      "prefix": "forin",
      "body": [
        "for (var ${key} in ${object}) {",
        "\tif (${object}.hasOwnProperty(${key})) {",
        "\t\t${1:// Your code here}",
        "\t}",
        "}"
      ],
      "description": "ES5-compatible for-in loop with hasOwnProperty check"
    }
  }
  

• Save the file. Now, when you type for or forin in this workspace, your custom ES5 snippets will show up first. If you want to hide the built-in ones entirely, right-click them in the snippet picker and select "Hide from IntelliSense".

3. Verify Isolation Between Workspaces #

All these changes are stored in your project's .vscode folder, so they won't affect any other projects you open in VS Code. When you switch to your modern JS project, it will use your default settings and built-in snippets with let/const as usual.

If you need to add more legacy snippets later, just reopen the workspace-specific snippet file and extend it—you can replicate any built-in snippet you use, swapping let/const with var where necessary.

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