0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

vscode の個人的に追加,修正した shortcut(フロントエンド編)

Posted at

はじめに


vscode で自分の中でこれおすすめ!!っていうものを紹介します!

割と設定しない人が多いですが、覚えたら明らかに効率がいいので是非試してみてください!!

タスク: タスクの実行


実行するタスクを選択で npm run dev 等のタスクを出せる物です。

僕は大体 npm コマンドを入力またはクリックなどがめんどくさいので、ショートカットにして、やります。

最近使用したものから出るので、よく使う npm run dev が上に来るので結構いいです。

あくまで個人的なおすすめのショートカットが下記です。

Ctrl + R

Git: 変更を開く


差分を開くショートカットです。

差分を見るためにマウスを動かすのが大変って方にお勧めです。

あくまで個人的なおすすめのショートカットが下記です。

Shift + RightArrow

表示: エディターを閉じる


開いているエディターを閉じる
基本的に Git: 変更を開くの差分を開いて閉じる時に僕は使ってます。

そのため、Git: 変更を開くの対になるようなショートカットにしてます。

あくまで個人的なおすすめのショートカットが下記です。

Shift + LeftArrow

表示: パネルの表示/非表示の切り替え


ターミナルを表示、または非表示にするショートカットです。

ターミナル出し入れとかは結構めんどくさいので設定した方がいいです。

下 2 つのおすすめなショートカットを合わせて利用すると、ターミナルの位置が自由に出来ます。

あくまで個人的なおすすめのショートカットが下記です。

Ctrl + LeftArrow

表示: パネルを右に移動


ターミナルを右にしたいときに使用します。

僕で言うと、テストとかは縦長がいいので、このショートカットを使用することが多いです。

上下のおすすめなショートカットを合わせて利用すると、ターミナルの位置が自由に出来ます。

あくまで個人的なおすすめのショートカットが下記です。

Ctrl + RightArrow

表示: パネルを下に移動


ターミナルを下にしたいときに使用します。

上の 2 つのおすすめなショートカットを合わせて利用すると、ターミナルの位置が自由に出来ます。

あくまで個人的なおすすめのショートカットが下記です。

Ctrl + DownArrow

さいごに


今回は windows の人が完璧におすすめ出来ますが、mac だと違うので mac のコマンドに合わせて修正してください。

また、これをおすすめなどがあれば教えてくれるとうれしいです。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?