インスピレーションと洞察から生成されました 15 ソースから

img6

img7

img8

img9

img10

img11

はじめに

  • ショートカットキーの基本：Ctrl+Shift+Pでコマンドパレットを表示し、作業効率を上げる。

  • 行のコピーや削除：Ctrl+Cで行のコピー、Ctrl+Shift+Kで行の削除が可能。

  • コメントアウト：Ctrl+ / を使うことで行をコメント化できる。

  • インデント操作：Ctrl+[ で行のインデントを削除、Ctrl+]で追加。

  • ファイル操作：Ctrl+Sでファイルを保存、Ctrl+Oでファイルを開く。

  • コーディングの効率化：Alt+矢印キーで選択行の移動、Ctrl+Dで同じ文字列の複数選択ができる。

  • 行の挿入：Ctrl+Enterでカーソルの下に新しい行を挿入、Ctrl+Shift+Enterで上に挿入。

  • 表示のトグル：Ctrl+Bでサイドバーの開閉が可能。

ショートカットの基本操作 [1]

  • コマンドパレットを表示: Ctrl+Shift+Pを押して、各種コマンドを検索。

  • 新しいウィンドウを開く: Ctrl+Shift+Nで簡単に新しいウィンドウを開ける。

  • クイックオープン: Ctrl+Pを使うと、ファイル名で素早くファイルを開ける。

  • タブの移動: Ctrl+Tabでタブを切り替えることが可能。

  • エクスプローラーの表示: Ctrl+Shift+Eでエクスプローラーを開き、フォルダーやファイルを簡単に確認。

img6

コメントアウトへの利用 [2]

  • コードをコメント化: Ctrl+/を使えば、選択した行を迅速にコメント化可能。

  • 利便性: HTML、CSS、PHP、任意のプログラム言語で同じ操作で利用できる。

  • プログラムの修正: 一時的にコードを無効化する際に使用する。

  • UI例: Ctrl+/を押すことで、選択箇所が即座にコメント化される。

  • コードレビュー時の便利さ: 特定部分を迅速にコメントアウトする際に役立つ。

img6

img7

img8

ファイル操作方法 [3]

  • ファイルの開閉: Ctrl+Oでファイルを開き、Ctrl+Wでファイルを閉じる。

  • ファイル保存: Ctrl+Sで保存し、Shiftキーを併用して別名で保存可能。

  • 新しいファイル作成: Ctrl+Nで簡単に新しいファイルを作成。

  • 全体保存: Ctrl+K Sで開いている全てのファイルを一括保存。

  • ファイルの削除: Ctrl+Shift+Kを使えば選択行の削除が可能。

img6

img7

インデントの管理 [4]

  • インデント追加: Ctrl+]で行にインデントを追加。

  • インデント削除: Ctrl+[を利用してインデントの削除が可能。

  • 自動整形: 保存時にインデントを自動整形するプラグインも搭載。

  • コードの整列: Ctrl+Shift+Pで整形コマンドを検索可能。

  • インデントのカスタマイズ: プラグインによるインデントスタイルのカスタマイズができる。

img6

img7

img8

複数選択と編集 [5]

  • 単語選択: Ctrl+Dで同じ単語を複数同時に選択可能。

  • 選択範囲操作: Shift+Alt+矢印で選択範囲を拡大、縮小。

  • マルチカーソルの利用: Alt+Clickで複数カーソルを設置。

  • 編集の効率化: 複数行選択による一括編集が可能。

  • 選択行の複製: Alt+Shift+上下矢印で行を複製。

img6

img7

関連動画

<br><br>

<div class="-md-ext-youtube-widget"> { "title": "\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u59cb\u3081\u308b\u306a\u3089\u5fc5\u9808\u306e\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u30ad\u30fc72\u9078 ...", "link": "https://www.youtube.com/watch?v=wf-8HkfMckM", "channel": { "name": ""}, "published_date": "May 14, 2023", "length": "24:31" }</div>

<div class="-md-ext-youtube-widget"> { "title": "\u3010\u3082\u3046\u30de\u30a6\u30b9\u306f\u4f7f\u308f\u306a\u3044\uff01\u3011VSCode\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u52b9\u7387\u30922\u500d\u306b\u3059\u308b ...", "link": "https://www.youtube.com/watch?v=xr3c-3y6cpI", "channel": { "name": ""}, "published_date": "Sep 10, 2022", "length": "20:25" }</div>