Du måste vara medveten om Visual Studio Code redan nu. Detta beror på att vi redan pratade om det i en artikel för ett tag sedan. Nu, i den här artikeln, ska vi prata om hur man gör programmen som du skriver bättre. För mig syftar "bättre" på begreppet felfri, optimerad kod som kommer att leda till smidigare distribution och exekvering av respektive projekt. Vi kommer att täcka allt om att skriva lite kod på IDE i den här artikeln. Men innan dess bör vi täcka in vad alla språk och tekniker stöds bättre av Visual Studio Code .

Hur man skriver och förbättrar ditt första program på Visual Studio Code

Denna Visual Studio Code -handledning för nybörjare kommer att visa dig hur du kompilerar eller skriver ditt första program eller din första kod. Microsoft lade till stöd för tillägg i Visual Studio Code . Dessa tillägg hjälper till att förbättra och optimera din kod för språk som PHP , C, C++ och mer!

Språk som stöds av Visual Studio Code

Enligt webbsidan som publiceras på Visual Studio Codes^{(Studio Code)} officiella webbplats är följande huvudspråk som stöds av IDE . De inkluderar C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL och TypeScript .

Nu med detta får du några språkfunktioner som hjälper dig att skriva bättre kod. Denna bättre kod är liknande i spåret av det vi pratade om ovan. Så, med stöd för många tillägg, får vi det rika stödet för följande:

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

När språket eller filtillägget stöds av IDE , kommer du att se namnet på det specifika språket i  statusfältet ^{(Status Bar )} i det nedre högra hörnet. Annars kommer det att visa dig markdown eller klartext^{(plaintext )} skriven.

Till exempel:

Ovanstående bild är när IDE inte identifierar^{(does not identify)} filen som en känd typ. Därför^(Hence) nämns den som  vanlig text.^{(Plain Text.)}

Låt oss nu ta en titt på hur man installerar och använder dessa tillägg för att dra full nytta av deras kapacitet.

Hur man installerar tillägg på Visual Studio Code

Så i det första steget när du öppnar Visual Studio Code kan du se en skärm som är något liknande som visas i utdraget nedan.

Därefter klickar du på  knappen Tillägg ^{(Extensions )} på den vertikala menyn till vänster som visas på skärmdumpen nedan.

Då kommer du att se en ny panel glida från den vänstra sidan själv. I sökfältet^(Search) i panelen, sök efter språket eller tjänsten du vill ha en tillägg för. Jag kommer att söka efter en tillägg för PHP eftersom jag kommer att demo det.

Från listan som du får som sökresultat, välj den som är mest lämpad för att uppfylla dina behov. Om du klickar på listan över tillägget får du mer information som beskrivning, utvecklarens namn, funktioner, storlek, kompatibilitet och mer.

När du väl tryckt på knappen Installera ^(Install ) är du bra att gå!

Nu när jag installerade PHP IntelliSense^{(PHP IntelliSense Extension)} -tillägget på Visual Studio Code börjar det visa smarta förslag och autokomplettering för olika syntaxer. Detta^(Hence) kommer därför att minska risken för ett fel och kommer att göra exekveringen och distributionen av din applikation smidig.

Realtidsexemplet på IntelliSense som arbetar med en PHP -fil infogas här.

Om du är nyfiken på att testa vad jag gjorde nu, följ bara dessa snabba steg.

Installera Visual Studio Code^{(Install Visual Studio Code)} och sök eller hämta tillägget för PHP enligt anvisningarna i stegen ovan eller följ den här länken marketplace.visualstudio.com .

Skapa nu en ny fil och spara den i  filtillägget .php ^(.php ) .

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

Spara^(Save) och flytta sedan filerna till htdocs-mappen i XAMPP eller WWW  -mappen i WAMP.

Öppna äntligen din favoritwebbläsare och ange den lokala URL : en för din fil. Då kommer du att se en utgång som denna.

Hoppas^(Hope) du tycker det är lätt att förstå.

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 - Hur man laddar ner och installerar VSC

• CudaText är en gratis kodredigerare för Windows-programmerare

• Vad är Java-programmeringsspråk? Kodexempel

• SynWrite Editor: Gratis text- och källkodsredigerare för Windows 10

• Lär barn att koda med hjälp av dessa verktyg och program från Microsoft

• PerfView är ett verktyg för prestandaanalys och profilering från Microsoft

• Vad är Xamarin? Hur hjälper det i plattformsoberoende mobilapputveckling?

• Skapa en inbyggd Windows-applikation för vilken webbsida som helst med Nativefier.

• Hur man ställer in och använder Docker Desktop på Windows

• Vad är Google Go-programmeringsspråk - krav, vanliga frågor

• Hur man inaktiverar eller aktiverar utvecklarläge i Windows 11/10

• Ladda ner, installera, lär dig Microsoft Small Basic programmeringsspråk

• Microsoft Graph: Allt du behöver veta

• SciTE är en gratis textbehandlingsprogramvara för programmerare

• Fix kommando python setup.py egg_info misslyckades med felkod 1

• Bästa webbplatserna att lära sig kodning online gratis

• Alternativ textläsare låter dig bläddra i flera programmeringsspråk

• Handledningar, tips och tricks för Chrome Development Tools

• jEdit är en imponerande textredigerare för datorprogrammerare

• Bästa gratis C++ IDE för Windows 11/10