あなたの知らない vscode のヒントは、開発効率の向上に役立ちます。

この記事では、あなたが知らないかもしれない vscode のヒントを紹介します。コードをより効率的に記述できるようになり、開発効率の向上に役立ちます。ぜひ集めてください。

vscode は、コードを記述するときによく使用されるエディタです。多くの機能がありますが、実際には、それらの多くは使用しません。この記事では、単に必要なことだけを説明します。ここでは、あまり知られていないかもしれないが、効率を向上させるのに非常に役立つヒントをいくつか紹介します。 [推奨される学習: 「vscode チュートリアル 」]

内容:

• npm スクリプトのワンクリック実行
• ワンクリックの差分とプレビュー
• 新しいページで検索
• git ビューにディレクトリ ツリーが表示される
• 新しいエディタでファイルを開く
• 行をすばやく削除、コピー、移動する編集中
• ファイルをグローバルに検索し、特定の行にジャンプ
#大文字と小文字をすばやく切り替える

#ワンクリックで npm スクリプトを実行

#npm スクリプトを実行する コマンド ラインで行う必要がありますか?それは、vscode に付属しているこの機能を使用していないためです。

vscode はすべての npm スクリプトをスキャンしてリストします。実行をクリックするだけで、ターミナルが開いて実行されます。さらに、vscode の上位バージョンもデバッグで直接実行できます。

npm run xxx を自分で入力する必要はありません。

サイドバーでファイルを開く

ファイルを開くと、デフォルトでは現在のエディターで開かれます。新しいエディターを開きたい場合はどうすればよいですか? ?このとき、オプションを押しながらファイルをクリックすると、新しいエディターが開いてファイルを開きます。

vscode はデフォルトで現在のエディターで新しいファイルを開くため、option キーを押しながら新しいエディターを開くことができることを知らないと非常に面倒です。クリック。

より強力な検索

検索 このパネルには、多くの生徒が気づいていないボタンがあります。これをクリックすると、検索ページが開き、検索が可能になります。検索をプレビューすることができ、結果はより充実し、より多くの行が表示されます。

たとえば、@babel/core を検索すると:

ほら、小さいものよりも優れていますか?左側のボックス? ここで詳細を表示します。

比較すると、右側の検索結果は複数行表示されるため、より明確であることがわかります。

ファイルの差分にはディレクトリ情報が表示されます

複数のファイルを変更すると、それらのファイルがソース コントロール パネルのリストに表示されます。名前 特に直感的ではありません。

この時点で、実際にツリー ビューに切り替えてディレクトリ ツリーを表示できます。

同じ名前のファイルが複数ある場合は、

Editor と表記するとより明確になります。マークダウンのワンクリック プレビュー

マークダウン プラグインをインストールする必要がありますか?いいえ、vscode 自体にこの機能が組み込まれています。

#右上隅にプレビュー ボタンがあります。クリックするとマークダウン プレビュー インターフェイスが開きます。オプションを押したままもう一度クリックすると、同じ画面でプレビューが開きます窓。 #プレビュー後、ソースを表示ボタンをクリックすると元に戻ります

#編集エリアでワンクリックの差分

差分ビューとファイル編集ビューをすばやく切り替える

ファイルの内容を変更するときは、編集ビューの右上隅にあるボタンをクリックします。多くの学生は気づいていないかもしれませんが、これらのボタンは実は非常に便利です。

#もう一度クリックすると、ファイル編集状態に戻ります。

「変更を開く」と「ファイルを開く」という機能の説明を確認してください。それは明らかです。 diff ビューとファイル編集ビューを切り替えるために使用されます。

diff ビューは差分間を素早く移動します

ファイルの内容が数千行など特に大きい場合、差分を見つけるのは依然として面倒です。の。 vscode エディタには上下のボタンがあり、前の diff と次の diff

に直接ジャンプできます。

ワンクリックプレビュー、ワンクリックプレビュー、ワンクリックプレビュー、重要な違い、これらはすべて効率を向上させることができる機能です。

クイック検索機能の入り口

vscode にある機能があることは知っていても、入り口がどこにあるのかわかりませんか? ヘルプの下の検索ボックスを使用するだけで、検索結果にはどのメニューの下にどのボタンがあるかが直接表示されます。

編集ショートカットキー

エディタの主な機能は編集ですが、実はvscodeがたくさんあります。編集機能を持っていないかもしれないので、列挙してみます。

行を上下に移動/コピー

行の内容を上下に移動する場合はどうすればよいですか?

#手動による切り取りと貼り付けの効率は低すぎます。コンテンツの行をすばやく上下に移動するには、オプションの上/下ショートカット キーを試してみることをお勧めします。

移動時にコピーしたいですか?もう一度シフトを押し続けるだけです。

#行をすばやく削除する

行をすばやくコピーする方法はわかりましたが、行をすばやく削除するにはどうすればよいですか? ?

コマンド シフト k を押すだけです。

複数の行を削除する場合は、最初にそれらの行を選択してからコマンド シフト k を押します。

複数カーソルの同時編集

複数の場所のコンテンツを同時に変更しますか?オプションを押したまま、変更したい場所をクリックするだけです。

アップリンクとダウンリンクが同じ場所の場合はどうなりますか?次に、オプション コマンド up/down を使用して、同じ位置のカーソルを複数の行に追加します。

comand shift p 関連

これは誰もが知っているショートカット キーかもしれません。入力に > が表示されます。代表的なものに続いてコマンドがありますが、他にも知らないかもしれないコマンドがいくつかあります。

#たとえば、Shift キーを押さずに直接コマンド p を実行すると、ファイルが検索されます。

たとえば、ctrl g を直接押すか、入力ボックスにコロンを入力します。これは、次の行番号がジャンプ行番号であることを意味し、すぐにジャンプできます。特定の行へ

もちろん、ファイルを検索するときにコロンと行番号を追加して、ファイルのその行にすぐにジャンプすることもできます。

大文字と小文字をすばやく切り替える

大文字と小文字が組み込まれた小さな関数もあります切り替え機能により、選択した内容の大文字と小文字を素早く切り替えることができます。

#概要

この記事では、効率を向上させることができる vscode のいくつかの関数を整理しました。 . 気づいていないかもしれません。

ワンクリックの差分、プレビュー

• 新しいページで検索
• Git ビューにディレクトリ ツリーが表示されます
• ワンクリックで npm を実行スクリプト
• 新しいエディタでファイルを開く
#編集中に行を素早く削除、コピー、移動
• #ファイルをグローバルに検索して特定の行にジャンプ
• 大文字と小文字を素早く切り替える
• これらの関数の使い方に慣れておくと、日々の開発の効率が上がると思います ツールを使ってコードを書くスキルを日々習得することは非常に有意義です。
• プログラミング関連の知識について詳しくは、

プログラミング ビデオ

をご覧ください。 ！

以上があなたの知らない vscode のヒントは、開発効率の向上に役立ちます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。