VS コードのキーボード ショートカット |または、生産性をさらに高める方法

皆さんこんにちは!

この記事では、私のお気に入りで最もよく使用されるキーバインドを紹介します.
そして、あなた自身をカスタマイズする方法!

だからあなたのvs-codeを開いて、それに沿ってください:)

まず、ショートカットを使用します: ⌘K ⌘S (コマンド キーを押したままにします)

ここで、vscode が行ったすべてのアクションを探すことができます.
また、既存のキー バインドを変更したり、新しいキー バインドを検索したりできます.



その後、右上隅にあるこのボタンを押します.



または、[コード] > [設定] > [キーボード ショートカット] のメニューに移動して、このエディターを開くこともできます. (ファイル > 環境設定 > Windows のキーボード ショートカット)

ここで、カスタム キーバインディングが宣言される JSON ファイルを確認できます.

すべてのキーバインディングには key と command のキーが必要です.
key: 組み合わせるキー
コマンド: アクション
(アクションをいつ実行するかを指定する 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 keybindings を参照してください.



カスタム スニペットの追加方法については近日中に投稿しますので、「いいね」と「フォロー」をお願いします 😉

調子に乗って!