VSCode: Surround selection with double or single quotation marks

README.md

VSCode: Surround selection with double or single quotation marks

• Author: Kirk Lampert
• Source: https://stackoverflow.com/a/57513272/1603694

Directions

1. In VS Code, hold Command + Shift + P (for mac) or Ctrl + Shift + P
2. Type Preferences: Open Keyboard Shortcuts (JSON) and press [Enter]
3. On keybindings.json, paste and adapt if so the vscode_keybindings_surroundings.json's content
4. Here's my current full version (with other previously existing keybindings):

// Place your key bindings in this file to override the defaults
[
  {
    "key": "shift+alt+p",
    "command": "editor.action.formatDocument",
    "when": "editorTextFocus"
  },
  {
    "key": "shift+alt+p",
    "command": "editor.action.formatSelection",
    "when": "editorHasSelection"
  },
  {
    "key": "'",
    "command": "editor.action.insertSnippet",
    "when": "editorHasSelection || editorHasMultipleSelections",
    "args": {
      "snippet": "'${TM_SELECTED_TEXT}"
    }
  },
  {
    "key": "shift+'",
    "command": "editor.action.insertSnippet",
    "when": "editorHasSelection || editorHasMultipleSelections",
    "args": {
      "snippet": "\"${TM_SELECTED_TEXT}"
    }
  }
]

vscode_keybindings_surroundings.json

[
  {
    "key": "'",
    "command": "editor.action.insertSnippet",
    "when": "editorHasSelection || editorHasMultipleSelections",
    "args": {
      "snippet": "'${TM_SELECTED_TEXT}"
    }
  },
  {
    "key": "shift+'",
    "command": "editor.action.insertSnippet",
    "when": "editorHasSelection || editorHasMultipleSelections",
    "args": {
      "snippet": "\"${TM_SELECTED_TEXT}"
    }
  }
]