U moet nu al op de hoogte zijn van Visual Studio Code . Dit komt omdat we er een tijdje geleden al over spraken in een artikel. In dit artikel gaan we het hebben over hoe je de programma's die je schrijft beter kunt maken. Voor mij verwijst 'beter' naar het idee van foutloze, geoptimaliseerde code die zal leiden tot een soepelere implementatie en uitvoering van het betreffende project. We zullen in dit artikel alles bespreken over het schrijven van code op de IDE . Maar daarvoor moeten we bespreken welke talen en technologieën beter worden ondersteund door Visual Studio Code .

Hoe u uw eerste programma op Visual Studio Code schrijft en verbetert^{(Studio Code)}

Deze Visual Studio Code -tutorial voor beginners laat je zien hoe je je eerste programma of code compileert of schrijft. Microsoft heeft ondersteuning toegevoegd voor extensies in Visual Studio Code . Deze extensies helpen bij het verbeteren en optimaliseren van uw code voor talen zoals PHP , C, C++ en meer!

Talen ondersteund door Visual Studio Code

Volgens de webpagina die is gepubliceerd op de officiële website van Visual Studio Code , zijn de volgende talen de belangrijkste talen die door de IDE worden ondersteund . Ze omvatten C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL en TypeScript .

Hiermee krijg je nu enkele taalfuncties die je helpen betere code te schrijven. Deze betere code is vergelijkbaar in het spoor van waar we het hierboven over hadden. Dus, met ondersteuning voor tal van extensies, krijgen we de uitgebreide ondersteuning voor het volgende:

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

Wanneer de taal of de bestandsextensie door de IDE wordt ondersteund , ziet u de naam van die specifieke taal in de  statusbalk ^{(Status Bar )} in de rechterbenedenhoek. Anders wordt er een afwaardering^(markdown) of leesbare tekst^{(plaintext )} weergegeven .

Bijvoorbeeld:

De bovenstaande afbeelding is wanneer de IDE het bestand niet als een bekend type identificeert . ^{(does not identify)}Daarom^(Hence) wordt het genoemd als  platte tekst.^{(Plain Text.)}

Laten we nu eens kijken hoe we deze extensies kunnen installeren en gebruiken om optimaal te profiteren van hun mogelijkheden.

Extensies installeren op Visual Studio Code

Dus in de eerste stap wanneer u Visual Studio Code opent , ziet u mogelijk een scherm dat enigszins lijkt op het onderstaande fragment.

Klik daarna op de  knop Extensies ^{(Extensions )} in het verticale menu aan de linkerkant, zoals weergegeven in de onderstaande schermafbeelding.

Dan zie je een nieuw paneel vanaf de linkerkant zelf schuiven. Zoek^(Search) in de zoekbalk van het paneel naar de taal of dienst waarvoor u een extensie wilt. Ik ga op zoek naar een extensie voor PHP omdat ik deze zal demonstreren.

Selecteer uit de lijst die u als zoekresultaten krijgt, degene die het meest geschikt is om aan uw behoeften te voldoen. Als u op de lijst van de extensie klikt, krijgt u meer details zoals een beschrijving, de naam van de ontwikkelaar, functies, grootte, compatibiliteit en meer.

Zodra u op de knop Installeren ^(Install ) klikt, bent u klaar om te gaan!

Nu ik de PHP IntelliSense-extensie^{(PHP IntelliSense Extension)} op Visual Studio Code heb geïnstalleerd , begint het slimme suggesties en automatische aanvulling voor verschillende syntaxis weer te geven. Dit verkleint dus^(Hence) de kans op fouten en maakt de uitvoering en implementatie van uw applicatie soepel.

Het realtime voorbeeld van IntelliSense die met een PHP -bestand werkt, wordt hier ingevoegd.

Als je nieuwsgierig bent om uit te proberen wat ik nu heb gedaan, volg dan deze snelle stappen.

Installeer Visual Studio Code^{(Install Visual Studio Code)} en zoek of download vervolgens de extensie voor PHP volgens de instructies in de bovenstaande stappen of volg deze link marketplace.visualstudio.com .

Maak nu een nieuw bestand en sla het op met  de extensie .php  voor het bestand.^(.php )

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

Sla^(Save) de bestanden op en verplaats ze vervolgens naar de map htdocs van XAMPP of de map WWW  van WAMP.

Open nu eindelijk uw favoriete webbrowser en voer de lokale URL voor uw bestand in. Dan zie je een output als deze.

Ik hoop^(Hope) dat je het gemakkelijk te begrijpen vindt.

Enhancing code on Visual Studio Code with the help of Extensions

You muѕt 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 - Hoe VSC te downloaden en te installeren

• CudaText is een gratis code-editor voor Windows-programmeurs

• Wat is Java-programmeertaal? Code voorbeelden

• SynWrite Editor: gratis tekst- en broncode-editor voor Windows 10

• Leer kinderen coderen met deze tools en programma's van Microsoft

• Meldingen Visualizer laat u meldingen van apps testen

• Code downloaden en installeren:: Blokken in Windows 10

• Beste gratis PHP IDE voor Windows 11/10

• Wat is het JSON-gegevensformaat en de JSON-documentdatabase?

• Beste gratis Xampp Server-alternatieven voor ontwikkelaars

• Gebruikersagent en geolocatie wijzigen in Edge Developer Tools

• Zelfstudies, tips en trucs voor Chrome-ontwikkelingstools

• 11 beste IDE's voor Node.js-ontwikkelaars

• jEdit is een indrukwekkende teksteditor voor computerprogrammeurs

• Beste C++-extensies voor Visual Studio Code

• Wat is de programmeertaal R en waarom zou je RStudio moeten gebruiken?

• Wat is Google Go-programmeertaal - Vereisten, veelgestelde vragen

• Microsoft Graph: alles wat u moet weten

• Wat is de programmeertaal Python?

• Maak een native Windows-toepassing van elke webpagina met Nativefier.