Sie müssen Visual Studio Code bereits jetzt kennen. Dies liegt daran, dass wir bereits vor einiger Zeit in einem Artikel darüber gesprochen haben. In diesem Artikel werden wir nun darüber sprechen, wie Sie die von Ihnen geschriebenen Programme verbessern können. „Besser“ bezieht sich für mich auf die Vorstellung von fehlerfreiem, optimiertem Code, der zu einer reibungsloseren Bereitstellung und Ausführung des jeweiligen Projekts führt. Wir werden in diesem Artikel alles über das Schreiben von Code in der IDE behandeln. ^(IDE)Aber vorher sollten wir behandeln, welche Sprachen und Technologien besser von Visual Studio Code unterstützt werden .

Wie Sie Ihr erstes Programm in Visual Studio Code^{(Studio Code)} schreiben und verbessern

Dieses Visual Studio Code- Tutorial für Anfänger zeigt Ihnen, wie Sie Ihr erstes Programm oder Ihren ersten Code kompilieren oder schreiben. Microsoft hat Unterstützung für Erweiterungen in Visual Studio Code hinzugefügt . Diese Erweiterungen helfen, Ihren Code für Sprachen wie PHP , C, C++ und mehr zu verbessern und zu optimieren!

Von Visual Studio Code unterstützte Sprachen^{(Studio Code)}

Laut der auf der offiziellen Website von Visual Studio Code veröffentlichten Webseite werden die folgenden Hauptsprachen von der IDE unterstützt . Dazu gehören C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL und TypeScript .

Damit erhalten Sie nun einige Sprachfunktionen, die Ihnen helfen, besseren Code zu schreiben. Dieser bessere Code ähnelt in der Spur dem, worüber wir oben gesprochen haben. Mit der Unterstützung zahlreicher Erweiterungen erhalten wir also die umfassende Unterstützung für Folgendes:

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

Wenn die Sprache oder die Dateierweiterung von der IDE unterstützt wird, sehen Sie den Namen dieser bestimmten Sprache in der  Statusleiste ^{(Status Bar )} in der unteren rechten Ecke. Andernfalls wird Ihnen Markdown oder Klartext^{(plaintext )} geschrieben angezeigt.

Zum Beispiel:

Das obige Bild zeigt, dass die IDE die Datei nicht als bekannten Typ identifiziert . ^{(does not identify)}Daher^(Hence) wird es als  Klartext bezeichnet.^{(Plain Text.)}

Lassen Sie uns nun einen Blick darauf werfen, wie diese Erweiterungen installiert und verwendet werden, um ihre Fähigkeiten voll auszuschöpfen.

So installieren Sie Erweiterungen in Visual Studio Code

Wenn Sie also im ersten Schritt Visual Studio Code öffnen , sehen Sie möglicherweise einen Bildschirm, der dem im folgenden Snippet ähnelt.

Klicken Sie danach auf die  Schaltfläche Erweiterungen ^{(Extensions )} im linken vertikalen Menü, wie im folgenden Screenshot gezeigt.

Dann sehen Sie ein neues Panel, das von der linken Seite selbst gleitet. Suchen^(Search) Sie in der Suchleiste des Bereichs nach der Sprache oder dem Dienst, für den Sie eine Erweiterung wünschen. Ich werde nach einer Erweiterung für PHP suchen, weil ich sie demonstrieren werde.

Wählen Sie aus der Liste, die Sie als Suchergebnisse erhalten, diejenige aus, die Ihren Anforderungen am besten entspricht. Wenn Sie auf die Auflistung der Erweiterung klicken, erhalten Sie weitere Details wie Beschreibung, Name des Entwicklers, Funktionen, Größe, Kompatibilität und mehr.

Sobald Sie auf die Schaltfläche Installieren ^(Install ) geklickt haben, können Sie loslegen!

Jetzt, da ich die PHP IntelliSense-Erweiterung^{(PHP IntelliSense Extension)} in Visual Studio Code installiert habe, werden intelligente Vorschläge und automatische Vervollständigung für verschiedene Syntaxen angezeigt. Daher^(Hence) verringert dies die Wahrscheinlichkeit eines Fehlers und sorgt für eine reibungslose Ausführung und Bereitstellung Ihrer Anwendung.

Das Echtzeitbeispiel für die Arbeit von IntelliSense mit einer PHP -Datei ist hier eingefügt.

Wenn Sie neugierig sind, das auszuprobieren, was ich jetzt gemacht habe, folgen Sie einfach diesen schnellen Schritten.

Installieren Sie Visual Studio Code^{(Install Visual Studio Code)} und suchen oder rufen Sie dann die Erweiterung für PHP ab, wie in den obigen Schritten beschrieben, oder folgen Sie diesem Link marketplace.visualstudio.com .

Erstellen Sie nun eine neue Datei und speichern Sie sie in  der Erweiterung .php  für die Datei.

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

Speichern^(Save) und verschieben Sie die Dateien dann in den htdocs-Ordner von XAMPP oder den WWW  - Ordner von WAMP.

Öffnen Sie nun endlich Ihren bevorzugten Webbrowser und geben Sie die lokale URL für Ihre Datei ein. Dann sehen Sie eine Ausgabe wie diese.

Ich hoffe^(Hope) , Sie finden es leicht verständlich.

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 – Herunterladen und Installieren von VSC

• CudaText ist ein kostenloser Code-Editor für Windows-Programmierer

• Was ist die Programmiersprache Java? Codebeispiele

• SynWrite Editor: Kostenloser Text- und Quellcode-Editor für Windows 10

• Bringen Sie Kindern mit diesen Tools und Programmen von Microsoft das Programmieren bei

• Die besten Websites, um kostenlos online Programmieren zu lernen

• Hier im Git Explorer finden Sie alle Git-Befehle an einem Ort

• Die 11 besten IDEs für Node.js-Entwickler

• Masseninstallation von Windows-Apps mit Winstall für Windows Package Manager

• Beste kostenlose C++-IDE für Windows 11/10

• Tipps zur Verwendung des Inspect-Elements des Google Chrome-Browsers

• Mit Notifications Visualizer können Sie Benachrichtigungen von Apps testen

• SciTE ist eine kostenlose Textverarbeitungssoftware für Programmierer

• PerfView ist ein Leistungsanalyse- und Profilerstellungstool von Microsoft

• Erstellen Sie mit Nativefier eine native Windows-Anwendung einer beliebigen Webseite.

• So deaktivieren oder aktivieren Sie den Entwicklermodus in Windows 11/10

• Websites, die Ihnen helfen, Programmieren zu lernen, Spiele zu spielen und Spaß zu haben

• So erstellen Sie eine native Windows-App für jede Website oder Web-App

• Die besten kostenlosen Erweiterungen für Visual Studio Code, mit denen Sie besser programmieren können

• Mit dem alternativen Textbrowser können Sie mehrere Programmiersprachen durchsuchen