Du skal være opmærksom på Visual Studio Code allerede nu. Dette er tilfældet, fordi vi allerede talte om det i en artikel for et stykke tid siden. Nu, i denne artikel, skal vi tale om, hvordan du gør de programmer, du skriver, bedre. For mig refererer 'bedre' til begrebet fejlfri, optimeret kode, som vil føre til en jævnere implementering og eksekvering af det respektive projekt. Vi vil dække alt om at skrive noget kode på IDE i denne artikel. Men før det bør vi dække, hvad alle sprog og teknologier understøttes bedre af Visual Studio Code .

Sådan skriver og forbedrer du dit første program på Visual Studio Code

Denne Visual Studio Code tutorial for begyndere viser dig, hvordan du kompilerer eller skriver dit første program eller din første kode. Microsoft tilføjede understøttelse af udvidelser i Visual Studio Code . Disse udvidelser hjælper med at forbedre og optimere din kode til sprog som PHP , C, C++ og mere!

Sprog understøttet af Visual Studio Code

Ifølge websiden offentliggjort på den officielle hjemmeside for Visual Studio Code , er følgende hovedsprog, der understøttes af IDE . De inkluderer C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL og TypeScript .

Nu med dette får du nogle sprogfunktioner, der hjælper dig med at skrive bedre kode. Denne bedre kode ligner i sporet af det, vi talte om ovenfor. Så med support til adskillige udvidelser får vi den rige støtte til følgende:

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 sproget eller filtypenavnet understøttes af IDE , vil du se navnet på det pågældende sprog i  statuslinjen ^{(Status Bar )} i nederste højre hjørne. Ellers vil den vise dig markdown eller klartekst^{(plaintext )} skrevet.

For eksempel:

Ovenstående billede er, når IDE'en ikke identificerer^{(does not identify)} filen som en kendt type. Derfor^(Hence) er det nævnt som  almindelig tekst.^{(Plain Text.)}

Lad os nu tage et kig på, hvordan man installerer og bruger disse udvidelser til at udnytte den fulde fordel af deres muligheder.

Sådan installeres udvidelser på Visual Studio Code

Så i det første trin, når du åbner Visual Studio Code , kan du muligvis se en skærm, der ligner lidt som vist i uddraget nedenfor.

Derefter skal du klikke på knappen  Udvidelser ^{(Extensions )} i venstre lodrette menu som vist på skærmbilledet nedenfor.

Så vil du se et nyt panel glide fra selve venstre side. I søgefeltet^(Search) i panelet skal du søge efter det sprog eller den tjeneste, du vil have en udvidelse til. Jeg vil søge efter en udvidelse til PHP , fordi jeg vil demoere den.

Fra listen, du får som søgeresultater, skal du vælge den, der er bedst egnet til at opfylde dine behov. Hvis du klikker på listen over udvidelsen, får du flere detaljer som beskrivelse, udviklerens navn, funktioner, størrelse, kompatibilitet og mere.

Når du først trykker på knappen Installer ^(Install ) , er du godt i gang!

Nu da jeg installerede PHP IntelliSense-udvidelsen^{(PHP IntelliSense Extension)} på Visual Studio Code , begynder den at vise smarte forslag og autofuldførelse for forskellig syntaks. Derfor^(Hence) vil dette mindske chancerne for en fejl og vil gøre udførelsen og implementeringen af ​​din applikation glat.

Eksemplet i realtid på IntelliSense , der arbejder med en PHP -fil, er indsat her.

Hvis du er nysgerrig efter at prøve, hvad jeg gjorde nu, skal du blot følge disse hurtige trin.

Installer Visual Studio Code^{(Install Visual Studio Code)} , og søg eller få udvidelsen til PHP som anvist i trinene ovenfor, eller følg dette link marketplace.visualstudio.com .

Opret nu en ny fil og gem den i  filtypenavnet .php  .

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

Gem^(Save) og flyt derefter filerne til htdocs-mappen i XAMPP eller WWW  -mappen i WAMP.

Åbn nu endelig din yndlingswebbrowser og indtast den lokale URL for din fil. Så vil du se et output som dette.

Håber^(Hope) du finder det let at forstå.

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 - Sådan downloader og installerer du VSC

• CudaText er en gratis kodeeditor til Windows-programmører

• Hvad er Java-programmeringssprog? Kode eksempler

• SynWrite Editor: Gratis tekst- og kildekodeeditor til Windows 10

• Lær børn at kode ved hjælp af disse værktøjer og programmer fra Microsoft

• Bedste gratis C++ IDE til Windows 11/10

• Bedste gratis Xampp Server-alternativer for udviklere

• Selvstudier, tips, tricks til Chrome-udviklingsværktøjer

• PerfView er et præstationsanalyse- og profileringsværktøj fra Microsoft

• Sådan downloader du Visual Studio Code Insider

• Sådan deaktiverer eller aktiverer du udviklertilstand i Windows 11/10

• Top gratis udvidelser til Visual Studio Code for at hjælpe dig med at kode bedre

• Sådan laver du en indbygget Windows-app til enhver hjemmeside eller web-app

• Microsoft Graph: Alt hvad du behøver at vide

• 11 bedste IDE'er til Node.js-udviklere

• Meddelelser Visualizer giver dig mulighed for at teste meddelelser om apps

• Administrer ældre webapps med Microsofts Enterprise Mode Site List Portal

• Bedste C++-udvidelser til Visual Studio Code

• Sådan opsætter og bruger Docker Desktop på Windows

• jEdit er en imponerende teksteditor til computerprogrammører