VisualStudioCodeについてはすでに知っておく必要があります。これは、先ほどの記事ですでにお話ししたからです。さて、この記事では、あなたが書くプログラムをより良くする方法について話します。私にとって、「より良い」とは、エラーのない最適化されたコードの概念を指し、それぞれのプロジェクトのよりスムーズな展開と実行につながります。この記事では、 IDEでのコードの記述に関するすべてをカバーします。ただし、その前に、すべての言語とテクノロジがVisualStudioCodeによってより適切にサポートされていることを説明する必要があり^(Visual) ます^{(Studio Code)}。

VisualStudioCode^{(Studio Code)}で最初のプログラムを作成および拡張する方法

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

VisualStudioCode^{(Studio Code)}でサポートされている言語

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

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

Syntax highlighting and bracket matching, Smart completions (IntelliSense), Linting and corrections, Code navigation (Go to Definition, Find All References), Debugging and Refactoring.sc

言語またはファイル拡張子がIDEでサポートされている場合、右下隅のステータスバー ^{(Status Bar )}にその特定の言語の名前が表示さ れます。それ以外の場合は、マークダウン^(markdown)またはプレーンテキスト^{(plaintext )}が表示されます。

例えば：

上の画像は、IDEがファイルを既知のタイプとして識別しない場合です。^{(does not identify)}したがって、^(Hence)プレーンテキスト^{(Plain Text.)}として言及され ます。

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

VisualStudioCode^{(Studio Code)}に拡張機能をインストールする方法

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

その後、 下のスクリーンショットに示すように、左側の垂直メニューの[拡張機能 ]ボタンをクリックします。^{(Extensions )}

次に、左側から新しいパネルがスライドするのがわかります。パネルの検索^(Search)バーで、拡張機能を使用する言語またはサービスを検索します。デモを行うため、 PHPの拡張機能を検索します。

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

[インストール ^(Install )]ボタンを押したら、準備は完了です。

PHPIntelliSenseExtensionをVisualStudioCodeにインストールすると、さまざまな構文のスマートな提案とオートコンプリートが表示され始めます。^{(Studio Code)}したがって^(Hence)、これによりエラーの可能性が減り、アプリケーションの実行と展開がスムーズになります。

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

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

Visual Studio Codeをインストール^{(Install Visual Studio Code)}してから、上記の手順の指示に従ってPHPの拡張機能を検索または取得するか、このリンクmarketplace.visualstudio.comをたどります。

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

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

ファイルを保存^(Save)して、XAMPPのhtdocsフォルダーまたはWAMPのWWW フォルダーに移動します。

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

わかりやすい^(Hope)と思います。

Enhancing code on Visual Studio Code with the help of Extensions

You must be aware of Visual Studio Code already by now. This is so because we already talked about it in an article a while ago. Now, in this article, we are going to talk about how to make the programs that you write better. For me, ‘better’ refers to the notion of error-free, optimized code which will lead to smoother deployment and execution of the respective project. We will be covering everything about writing some code on the IDE in this article. But before that, we should cover what all languages and technologies are supported better by Visual Studio Code.

How to write & enhance your first program on Visual Studio Code

This Visual Studio Code tutorial for beginners will show you how to compile or write your first program or code. Microsoft added support for extensions in Visual Studio Code. These extensions help to enhance and optimize your code for languages like PHP, C, C++ and more!

Languages supported by Visual Studio Code

According to the webpage published on the official website of Visual Studio Code, the following are the main languages supported by the IDE. They include C++, C#, CSS, Dockerfile, Go, HTML, Java, JavaScript, JSON, Less, Markdown, PHP, Python, Sass, T-SQL, and TypeScript.

Now with this, you get some language features that help you write better code. This better code is similar in the track of what we talked about above. So, with support for numerous extensions, we get the rich support for the following:

Syntax highlighting and bracket matching, Smart completions (IntelliSense), Linting and corrections, Code navigation (Go to Definition, Find All References), Debugging and Refactoring.sc

When the language or the file extension is supported by the IDE, you will see the name of that particular language in the Status Bar on the bottom right corner. Else, it will show you markdown or plaintext written.

For example:

The above image is when the IDE does not identify the file as a known type. Hence, it is mentioned as Plain Text.

Now, let us take a look at how to install and use these extensions to leverage the full advantage of their capabilities.

How to install Extensions on Visual Studio Code

So, in the first step when you open Visual Studio Code, you might see a screen somewhat similar as shown in the snippet below.

After that, click on the Extensions button on the left side vertical menu as shown in the screenshot below.

Then you will see a new panel sliding from the left side itself. In the Search bar of the panel, search for the language or service you want an extension for. I will be searching for an extension for PHP because I will be demoing it.

From the list that you get as search results, select the one that is most suitable to fulfill your needs. If you click on the listing of the extension, you will get more details like description, developer’s name, features, size, compatibility, and more.

Once you hit on the Install button, you are good to go!

Now as I installed the PHP IntelliSense Extension on Visual Studio Code, it starts displaying smart suggestions and auto-completion for different syntax. Hence, this will decrease the chances of an error and will make the execution and deployment of your application smooth.

The real-time example of IntelliSense working with a PHP file is inserted here.

If you are curious to try out what I did now, just follow these quick steps.

Install Visual Studio Code and then, search or get the extension for PHP as instructed in the steps above or follow this link marketplace.visualstudio.com.

Now create a new file and save it in .php extension for the file.

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

Save and then move the files to the htdocs folder of XAMPP or WWW folder of WAMP.

Now, finally open your favorite web browser and enter the local URL for your file. Then you will see an output like this.

Hope you find it easy to understand.

Related posts

• Visual Studio Code - VSCをダウンロードしてインストールする方法

• CudaTextはWindowsプログラマのための無料のCode Editorです

• Javaプログラミング言語とは何ですか？ Code例

• SynWrite Editor：Windows 10のFree Text & Source Code Editor

• Teach KidsからCodeへのTools and ProgramsからMicrosoftまで

• あなたのHTML coding知識を学ぶか改善するための最高のウェブサイト

• 無料でCoding onlineを学ぶための最良のウェブサイト

• R programming言語とは何ですか、またなぜRStudioを使用する必要があります

• Redwood Resource Extractor：EXEファイルからリソースを抽出します

• 初心者プログラマーのための5つの最高のプロジェクト

• 通知Visualizerを使用すると、アプリの通知をテストできます

• Download、Install、Learn Microsoft Small Basic programming言語

• SciTEはプログラマーのための無料のText Processing softwareです

• Pythonプログラミング言語とは何ですか？

• Download and Install Code :: Windows 10のブロック

• 開発者のためのBest無料Xampp Server選択肢

• すべての開発者が使用している必要があるWindows 10のベストコードエディタ

• Visual Studio CodeのBest C++ Extensions

• JEDITはコンピュータプログラマのための1つの印象的なText Editorです

• Macで身元不明の開発者からファイルを開く方法