【VSCodeショートカット】visual studio codeので作業効率アップの便利機能

VSCodeを使ってコーディングをしている人は多いと思います。

動作が軽いし拡張機能も豊富でコーディング作業の効率化にもつながる機能が多いです。

VSCodeには作業を効率化したり便利なショートカットがたくさんあります。

最初は多すぎてなかなか覚えられないかもしれませんがよく使うショートカットを覚えておくと便利で役に立ちます。

今回はVSCodeのよく使うショートカットをまとめました。

覚えておくと便利なVSCodeのショートカット

基本編


コマンドパレットを開く

Ctrl + Shift + P

エクスプローラーの表示/非表示

Ctrl + B

サイドバーにあるファイルエクスプローラーの表示を切り替えるショートカットです。

設定の検索

Ctrl + ,

ファイル操作編

新規ファイルを作成

Ctrl + N

新規ファイルを作成するときに使うショートカットです。わりとよく使うと思います。

ファイルを開く

Ctrl + O

新規ファイルを保存するときに使うショートカットです。

ファイルを保存

Ctrl + S

ファイルを保存したいときに使うショートカットです。

すべてのファイルを保存

Ctrl + K + S

複数のファイルを開いていてすべてを保存したいときに便利なショートカットです。

単語を選択する

Ctrl + D

全ての単語を選択する

Ctrl + Shift + L

コーディング編

コメント

Ctrl + /

html自動整形

Shift+Alt+F

複数カーソルの追加

Alt + クリック

選択範囲に一致する全ての単語を選択

Ctrl + Shift + L

最低限の構造を自動で生成する

ファイルから新しいテキストファイルを選択
・言語の選択で「html」を選択する。

空のファイルで!と入力してEnterキーを押す。

下記の構造を自動で作成してくれます。

一から作るときに便利ですね。

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
	</head>
	<body>
	</body>
</html>

どうでしょうか?

便利なショートカットを使うことでコーディング作業も効率化できると思います。

ぜひ使ってみてください。

コメント

タイトルとURLをコピーしました