拡張機能を利用して Visual Studio Code のコードを強化する

Windows Speedup Tool をダウンロードしてエラーを修正し、PC の動作を高速化します。

必ず知っておくべきことVisual Studioコードもう今頃は。これは、少し前の記事ですでに説明したためです。さて、この記事では、作成したプログラムをより良くする方法について説明します。私にとって、「より良い」とは、それぞれのプロジェクトのよりスムーズなデプロイと実行につながる、エラーのない最適化されたコードの概念を指します。この記事では、IDE でのコードの記述についてすべて説明します。その前に、Visual Studio Code でより適切にサポートされるすべての言語とテクノロジについて説明する必要があります。

Visual Studio Code で最初のプログラムを作成および拡張する方法

この初心者向けの Visual Studio Code チュートリアルでは、初めてのプログラムやコードをコンパイルまたは作成する方法を説明します。 Microsoft は、Visual Studio Code に拡張機能のサポートを追加しました。これらの拡張機能は、PHP、C、C++ などの言語のコードを強化および最適化するのに役立ちます。

Visual Studio Code でサポートされる言語

Visual Studio Code の公式 Web サイトで公開されている Web ページによると、IDE がサポートする主な言語は次のとおりです。これらには、C++、C#、CSS、Dockerfile、Go、HTML、Java、JavaScript、JSON、Less、Markdown、PHP、Python、Sass、T-SQL、TypeScript が含まれます。

これにより、より良いコードを書くのに役立ついくつかの言語機能が得られます。このより良いコードは、上で説明した内容と似ています。したがって、多数の拡張機能のサポートにより、次の豊富なサポートが得られます。

構文の強調表示と括弧の一致、スマート補完 (IntelliSense)、リンティングと修正、コード ナビゲーション (定義に移動、すべての参照の検索)、デバッグとリファクタリング.sc

言語またはファイル拡張子が IDE でサポートされている場合は、その特定の言語の名前がステータスバー右下隅にあります。それ以外の場合は表示されます値下げまたは平文書かれた。

例えば:


上の画像は、IDE がファイルを既知のタイプ (HTML) として識別したときのものです。

上の画像はIDEを起動したときのものです。特定しないファイルを既知のタイプとして扱います。したがって、次のように言及されますプレーンテキスト。

ここで、これらの拡張機能をインストールして使用し、その機能を最大限に活用する方法を見てみましょう。

Visual Studio Code に拡張機能をインストールする方法

そのため、Visual Studio Code を開いた最初のステップでは、以下のスニペットに示すような画面が表示される場合があります。

その後、拡張機能以下のスクリーンショットに示すように、左側の垂直メニューにあるボタン。

次に、新しいパネルが左側からスライドするのが見えます。パネルの検索バーで、拡張機能が必要な言語またはサービスを検索します。 PHP のデモを行うので、PHP の拡張機能を探します。

検索結果として表示されるリストから、ニーズを満たすのに最も適したものを選択します。拡張機能のリストをクリックすると、説明、開発者名、機能、サイズ、互換性などの詳細が表示されます。

を打ったら、インストールボタン、準備完了です!

さて、私がインストールしたとき、PHP IntelliSense 拡張機能Visual Studio Code では、さまざまな構文に対するスマートな提案とオートコンプリートの表示が開始されます。したがって、これによりエラーの可能性が減り、アプリケーションの実行と展開がスムーズになります。

PHP ファイルを操作する IntelliSense のリアルタイムの例がここに挿入されます。

おまけ: デモするために何をしましたか?

私が今行ったことを試してみたい場合は、次の簡単な手順に従ってください。

Visual Studio Code をインストールし、上記の手順に従って PHP の拡張機能を検索または入手するか、このリンクに従ってください。マーケットプレイス.visualstudio.com

新しいファイルを作成して保存します.phpファイルの拡張子。

<?php
    echo "This is Ayush from TheWindowsClub.com";
?>

ファイルを保存して XAMPP の htdocs フォルダーに移動するか、WWWWAMPのフォルダ。

最後に、お気に入りの Web ブラウザを開いて、ファイルのローカル URL を入力します。すると、このような出力が表示されます。

このようにして、拡張機能を使用して Visual Studio Code 上のコードを強化および最適化することができます。

Visual Studio Code に適した拡張機能は何ですか?

Visual Studio Code には、生産性を向上させるためにインストールして使用できる拡張機能が多数あります。たとえば、Atom One Dark Theme、TabOut、Snippets、Shortcuts、Git Graph などが使用できます。つまり、公式リポジトリを詳しく調べて、どれが目的に適しているかを確認する必要があります。

Visual Studio Code を改善するにはどうすればよいですか?

デフォルトのインストールは便利ですが、それぞれの目的には最適ではない場合があります。その場合、要件に応じていくつかの点を調整する必要があります。 VS Code を作業に適したものにする最も簡単な方法は、拡張機能をインストールすることです。 VS Code で使用できる拡張機能は無数にあり、それらを 1 つずつ確認してインストール プロセスを開始できます。

理解しやすいと思います。