Всем привет!

В этой статье представлены мои любимые и наиболее часто используемые сочетания клавиш,
и то, как вы можете настроить свои собственные!

Так что открывайте свой vs-код и следуйте :)

Прежде всего, используйте сочетание клавиш: ⌘K ⌘S (удерживайте нажатой командную клавишу)

Здесь мы можем просмотреть все действия, которые vscode сделал для нас,
и мы можем изменить существующие привязки клавиш или найти новые.

После этого нажмите эту кнопку в правом верхнем углу:

Вы также можете открыть этот редактор, выбрав в меню Код > Настройки > Сочетания клавиш. (Файл › Настройки › Сочетания клавиш в Windows)

Здесь мы видим файл JSON, в котором будет объявлена ​​наша пользовательская привязка клавиш.

Каждое сочетание клавиш должно иметь клавиши key и command.
клавиша: клавиши, которые мы объединяем
команда: действие
(мы можем также добавьте ключ when, который будет указывать, когда мы хотим выполнить действие.)

Ниже вы увидите мои сочетания клавиш, которые я использую постоянно.

[
  // Refresh the vscode window
  {
    "key": "cmd+r",
    "command": "workbench.action.reloadWindow",
    "when": "editorTextFocus"
  },
  // Transform the current selection to uppercase
  {
    "key": "ctrl+u",
    "command": "editor.action.transformToUppercase"
  },
  // Calculate the current selection
  {
    "key": "ctrl+m",
    "command": "editor.emmet.action.evaluateMathExpression",
    "when": "editorHasSelection"
  },
  // Create a new folder
  {
    "key": "ctrl+n",
    "command": "explorer.newFolder"
  },
  // Create a new file
  {
    "key": "ctrl+f",
    "command": "explorer.newFile"
  },
  // Extension shortcut: Add a log of the current selection
  {
    "key": "shift+cmd+l",
    "command": "turboConsoleLog.displayLogMessage"
  },
  // Add an empty log statement
  {
    "key": "shift+cmd+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus && !editorHasSelection",
    "args": {
      "snippet": "console.log($1);"
    }
  }
]

Вы можете заметить, что я использую расширение turboConsoleLog для регистрации своих переменных, но я также хотел, чтобы тот же самый ярлык также выводил пустой console.log().

Вот и все 🙏🏼 Надеюсь, вам понравилось 🙂

Для получения более подробной информации о сочетаниях клавиш в целом посетите: привязки клавиш Visual Studio

Скоро я напишу о том, как добавить пользовательские сниппеты, так что не забудьте поставить лайк и подписаться 😉

Оставайтесь с нами!