Visual Studio Code - ヒントとコツ

Dec 25 2022
まずはこちらのgitハブレポジトリをさっと参照して、一通り目を通してみてください。また、Ornella のこの短い生産性ビデオと、LearnWebCode チャネルの別のビデオもご覧ください。

まずはこちらのgitハブレポジトリをさっと参照して、一通り目を通してみてください。また、 Ornellaのこの短い生産性ビデオと、 LearnWebCodeチャネルの別のビデオもご覧ください。また、Visual Studio Code をより使いこなすために、公式のヒントやコツを検討することもできます。最後に、これらはWindows / macOSユーザー向けのショートカットです。

そうでない場合は、役立つ可能性のあるスナップショットを使用して概念をすばやく巻き戻そうとしました-

タブの切り替え -

Windows コンピューターを使用している場合は、(Alt キー + タブの番号) を使用して、指定したタブに移動します。したがって、以下の例では、about.html に移動するには、(alt+3) を押してそこに移動します。

このファイルには、コマンド プロンプトからもアクセスできます。ウィンドウを押すと(Shift + Control + P)、コマンドプロンプトが開きます。コマンド プロンプトでファイルの名前を入力して [Enter] を押すと、そのファイルに移動するように指示されます。

タブを切り替える場合は、コントロール キー + タブ キーを押したまま、別のタブ間を移動してタブを切り替えます。

これらのショートカット (ctrl + タブ番号) が、Web ブラウザー (例: google chrome) で作業しているときにタブを切り替えるのにもうまく機能することを知っているのは興味深いことです。

コマンドバーとターミナルウィンドウを非表示にする -

コマンド バーを非表示にするショートカットは 'ctrl+ B' で、このキーを同時に押すとサイドバー (un) が表示されます。

ターミナル ウィンドウを非表示にする (非表示にする) ショートカットは 'ctrl+J' です。

行/段落の挿入

拡張機能 ' lorem ipsum ' は、ビジュアル スタジオ コードに既に追加されています。これにより、編集が非常に簡単になる行/段落を追加することができます。

そこに到達するためのWindowsのコマンドは「win + ctrl + P」です。

このコマンドの後、必要なコンテンツを選択すると、準備完了です。さらに、箇条書きのタイトル (マークダウン サポートと呼ばれます) を追加できます。記載されているすべての作品の間にスペースを追加することを忘れないでください.

スクリプトを使用している場合

この機能は、クリックするだけで複数の場所にコンテンツを追加するのに役立ちます。

すべての機能を置き換えたり、複数のものを一度に編集したり…

タブトリガー

プログラミング言語によっては、これらはスニペットの作成に役立ちます。以下は、.html 言語タイプのスニペットの例です。

さて、そこに着くために。Windows では、ctrl+shift+P を使用してコマンド プロンプトを開きます。次に、新しい .html ファイルを作成します。

このファイル タイプ、たとえば「doc」タイプで「tab」キーを押すと、上記の切り抜きが作成されます。単純。ではない?。

それができたら、複数のリスト アイテムを作成してハイパーリンクを設定してみましょう。以下のコマンドは便利です。

これにより、5 つの要素のリストが作成され、これらの要素を適切なハイパーリンクでリンクできます。

ここで、さまざまなコード行を使用していくつかのスニペットを作成する場合は、スニペット ジェネレーター appを参照することをお勧めします。

ファイル内を移動する

特定のファイルをナビゲートする場合は、(ctrl+shift+O) を押して「Enter」を押します。指定されたエリアに直接連れて行ってくれます。そして、この驚くべきトリックは、どのプログラミング言語でも機能します。以下は、生成されるリストです。

コード行の切り取りと貼り付け

Visual Studio コードでは、コードの行全体を選択する必要はありません。カーソルを好きな場所に置き、(ctrl+ x) を押してから (ctrl+ v) を押して別の場所に配置します。これは、「alt+shift+上下カーソル」を押しても実行できます。

コード行の移動

Alt キーを押して上下矢印キーを押すと、コード行を好きな場所に配置できます。

コードをインデントするデフォルトのフォーマット

コードがインデントのないテキスト ファイルから貼り付けられた場合、「settings .json」で以下のコマンドを実行すると (最初に ctrl+shift+p を入力してコマンド パレットに移動します)、それらを修正するのに役立ちます。または、よりきれいな拡張機能を VS コードにインストールするだけです。

ファンシーフォント

Cascadia コードはうまく機能する最新のフォントですが、ここで他のすばらしいフォントを見てみたいと思うかもしれません。