つぶデコ

装飾してツイートしよう

投稿一覧

windowsは「ctrl+k ctrl+d」

「cmd+d」(単語の複数選択)で選択をスキップしたい場合に使用してます

#vscodeショートカットキー
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

VSCODECmd+K Cmd+D選択項目をスキップするSHORTCUT KEY

インデントのレベルごとに色分けしてくれます。
またインデント幅が揃っていなかったり、タブとスペースが混在している場合に強調表示してくれ便利。

#vscode拡張機能
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

Visual Studio Code Extensionindent-rainbowインデントをカラーリング

ちょっとコードの挙動を確認したい場合に超便利!
選択したコードを実行するので、画像のように異なる言語を書いても確認できる
「ctrl」+「alt」+「j」で言語選択→実行できます
https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

#vscode拡張機能
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

Visual Studio Code ExtensionCode RunnerVSCode上で選択したコードを
実行できる

windowsは「Ctrl + Shift + F」
含めるファイル欄にフォルダを指定しフォルダ内検索も可能。
除外するファイルも指定できます。

#vscodeショートカットキー
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

VSCODECmd+Shift+Fワークスペース内の全ファイルから検索SHORTCUT KEY

条件文や関数などで()を複数付ける場合、対応した括弧があるか不安になることがよくありますよね。そんな時にこの拡張機能は便利です。

#vscode拡張機能
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

Visual Studio Code ExtensionBracket Pair Colorizer 2対応するカッコが色分けされて
分かりやすくなる

複数選択対応なのがうれしい。
ちなみに「Alt+Shift+↑or↓」だとコピーとなります。
こちらも複数行選択対応で便利。

#vscodeショートカットキー
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

VSCODEAlt+↑or↓カーソル行を上または下に移動SHORTCUT KEY

Gitlensは以下のような機能があります
・コード単位で誰が変更したか分かる
・マウスオーバー時に前回の差分を表示
・コミットメッセージで変更理由も把握できる
・履歴や変更内容も分かる
拡張機能からgitlensで検索!

#vscode拡張機能

Visual Studio Code ExtensionGitLens誰がいつ、何故コードを
変更したかが分かる

素材・拡張機能などの紹介用テンプレです。
https://generator.tubudeco.com/g6558/

アイコンが表示される拡張機能
何のファイルか分かりやすくなって便利

#vscode拡張機能
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

Visual Studio Code Extensionvscode-iconsエクスプローラーに
アイコンを表示する

windowsだと「ctrl+/」。

「cmd+l」などで複数行選択した後に 「cmd+/」で複数行コメント/解除ができます。

#vscodeショートカットキー
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい

VSCODECmd+/現在の行をコメント/解除SHORTCUT KEY

直前に編集していたタブに戻りたいときよく使います。
Ctrlキー押しっぱなししで、tabキーを押すと切り替えるタブを選択可能。
操作しづらい場合は「cmd+shift+[」「cmd+shift+]」でも切り替えできますよ

#vscodeショートカットキー
#プログラミング初心者
#駆け出しエンジニアと繋がりたい

VSCODECtrl+Tab同一グループのタブ切り替えSHORTCUT KEY

「command+d」で選択しすぎた場合に選択前に戻せるので便利。

選択をスキップしたい場合は
「command+k」->「command+d」
で可能です!

#vscodeショートカットキー
#プログラミング初心者
#駆け出しエンジニアと繋がりたい

VSCODECmd+UCmd+Dの選択を取り消すSHORTCUT KEY

開いているファイルの関数や変数の一覧が表示されます。
ファイル内にメソッドが多い場合に一覧から探せて便利

#vscodeショートカットキー
#プログラミング初心者
#駆け出しエンジニアと繋がりたい

VSCODECmd+Shift+Oファイル内のシンボルの一覧を表示するSHORTCUT KEY