集中しているときは、頭の中にある考えをできるだけ早くコードに変換したいと考えます。マウスを使用して、何かがどこにあるのか、またはサイズを変更する必要があるのかを把握しなければならないだけでも、十分に集中力が散漫になることがあります。
個人的には、同僚が行を移動したりタブを切り替えたりするためにマウスに手を伸ばすのを見るたびに、少しガッカリします。あなたの貧弱な肩を考えてください！
したがって、ファイルを永遠に探したり、2 秒ごとにマウスを使用したりしている場合は、これらのショートカットが最適です。
前回の記事では、よく使用されるショートカット キーをいくつか紹介しました。まだ読んでいない方は、以下のリンクをクリックして簡単に確認してください。
よく使用される 11 個の VSCode ショートカット キーを共有して、コーディングをより効率的にします
1. 行を移動または選択します
現在の選択範囲を 1 行上または下に移動します
Linux / Windows: Alt + 上/下矢印
Mac: Opt + 上/下矢印
WinRAR のように、4 つのマウス操作を 1 つのキーボード ショートカットに圧縮して線を移動します。
2. 行をコピーまたは選択します
選択範囲を上または下にコピー
Windows: Alt + Shift + 上/下矢印
Linux: Ctrl + Alt + Shift + 上/下矢印
Mac: Opt + Shift + 上 / 下矢印
コード行ごとに支払いますか? わかりました、おい。あなたがずっとそうすることを運命づけられていたスーパーコピー＆ペーストエンジニアになりましょう。
3.タブを切り替える
次または前の開いているタブに切り替える
Linux / Windows: Ctrl + PageUp / PageDown
Mac: Cmd + Opt + 左/右矢印
次のタブはとても近いようで、とても遠いようです。まあ、もうだめです！
4. ファイルを検索する
あいまい検索を使用して、現在のエディター セッション内の任意の場所にあるファイルを検索します
Linux / Windows: Ctrl + P
Mac: Cmd + P
あなたは何百万も稼げる夢のアプリを書いているのですが、特定のファイルを開く必要があります。厄介な utils.ts ファイルがどこにあるかについては、なんとなくわかります。
次に、検索を開始します。ディレクトリを次から次へと上下にスクロールし、「どこだ?! ここにあると思ったのに!」 絶望的です。あなたは夢のアプリを捨てて、キャベツ農家になりました。
または、面倒な手間を省き、友人の VS Code に見つけてもらいましょう。
5. シンボルを見つける
あいまい検索を使用して、現在のエディター セッション内のクラス、関数、またはプロパティの場所を検索します。
Linux / Windows: Ctrl + T
Mac: Cmd + T
ベスト プラクティスでは、1 つのファイルに 42,069 行のコードを含めるべきではないと述べていますが、それを読む人はいないため、結局のところ、何かを見つけるために特別な何かが必要になります。乱雑で散在したコード ベース内の関数、プロパティ、クラスの宣言を短時間で見つけられます。
6. 現在のコードブロックを展開/折りたたむ
関数やクラスなどのコード ブロックを展開または折りたたみます。
Linux / Windows: Ctrl + K -> リリース -> Ctrl + L
Mac: Cmd + K -> リリース -> Cmd + L
ここでその長い if-else チェーンを折りたためば、再度リファクタリングする必要がなくなります。効率を向上させるためのヒント
7. スイッチ端子パネル
分割ペイン構成で次または前の端末に切り替える
Linux / Windows: Alt + 左/右矢印
Mac: Cmd + Opt + 左/右矢印
このショートカットは、13 の並列サービスを一度に実行し、それらをすべて一度に表示できるスーパー ワイドスクリーン モニターを備えた、リッチで洗練されたフルスタックの兄弟向けです。
8. 端子パネルサイズの変更
端子領域のサイズを変更して表示を拡大または縮小します
Linux: Ctrl + Shift + 左/右矢印
Mac: Ctrl + Cmd + 左/右矢印
このショートカットは、3 ページの紙のようなエラー メッセージを表示する必要がある場合に非常に便利ですが、実際には console.log を console.log として呼び出すだけです。
要約する
これらのショートカットが、一日の終わりに肩の痛みを避けながら、より長く集中力を維持するのに役立つことを願っています。
お気に入りのショートカットキーはありますか？おそらくここで言及されていない何かですか？秘密にしないでください！コメントでシェアしてください！
記事のスペースが限られているため、今日の内容はここで共有します。記事の最後に、記事の作成は簡単ではないことを思い出していただきたいと思います。私の共有が気に入っていただけましたら、必要としているより多くの人に見てもらえるように、「いいね！」と転送を忘れないでください。同時に、フロントエンドテクノロジーについてもっと知識を得たい場合は、私をフォローすることを歓迎します。あなたのサポートが私にとって共有する最大の動機になります。今後もより多くのコンテンツを出力していきますので、ご期待ください。