Devi essere già a conoscenza di Visual Studio Code ormai. Questo perché ne abbiamo già parlato in un articolo tempo fa. Ora, in questo articolo, parleremo di come migliorare i programmi che scrivi. Per me, "migliore" si riferisce alla nozione di codice ottimizzato e privo di errori che porterà a un'implementazione e un'esecuzione più fluide del rispettivo progetto. Tratteremo tutto ciò che riguarda la scrittura di codice sull'IDE^(IDE) in questo articolo. Ma prima, dovremmo coprire ciò che tutti i linguaggi e le tecnologie sono supportati meglio da Visual Studio Code .

Come scrivere e migliorare il tuo primo programma su Visual Studio Code

Questo tutorial di Visual Studio Code per principianti ti mostrerà come compilare o scrivere il tuo primo programma o codice. Microsoft ha aggiunto il supporto per le estensioni in Visual Studio Code . Queste estensioni aiutano a migliorare e ottimizzare il tuo codice per linguaggi come PHP , C, C++ e altri!

Linguaggi supportati da Visual Studio Code

Secondo la pagina web pubblicata sul sito ufficiale di Visual Studio Code , di seguito sono riportati i principali linguaggi supportati dall'IDE^(IDE) . Includono C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL e TypeScript .

Ora con questo, ottieni alcune funzionalità linguistiche che ti aiutano a scrivere codice migliore. Questo codice migliore è simile nella traccia di ciò di cui abbiamo parlato sopra. Quindi, con il supporto per numerose estensioni, otteniamo il supporto completo per quanto segue:

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

Quando la lingua o l'estensione del file è supportata dall'IDE^(IDE) , vedrai il nome di quella lingua particolare nella  barra di stato ^{(Status Bar )} nell'angolo in basso a destra. Altrimenti, ti mostrerà il markdown o il testo in chiaro^{(plaintext )} scritto.

Per esempio:

L'immagine sopra è quando l'IDE non identifica^{(does not identify)} il file come un tipo noto. Quindi^(Hence) , è menzionato come  testo normale.^{(Plain Text.)}

Ora, diamo un'occhiata a come installare e utilizzare queste estensioni per sfruttare appieno il vantaggio delle loro capacità.

Come installare le estensioni su Visual Studio Code

Pertanto, nel primo passaggio quando apri Visual Studio Code , potresti visualizzare una schermata in qualche modo simile a quella mostrata nello snippet seguente.

Successivamente, fai clic sul  pulsante Estensioni ^{(Extensions )} nel menu verticale di sinistra come mostrato nello screenshot qui sotto.

Quindi vedrai un nuovo pannello scorrere dal lato sinistro stesso. Nella barra di ricerca^(Search) del pannello, cerca la lingua o il servizio per cui desideri un interno. Cercherò un'estensione per PHP perché la demo.

Dall'elenco che ottieni come risultati di ricerca, seleziona quello più adatto a soddisfare le tue esigenze. Se fai clic sull'elenco dell'estensione, otterrai maggiori dettagli come descrizione, nome dello sviluppatore, funzionalità, dimensioni, compatibilità e altro.

Una volta premuto il pulsante Installa ^(Install ) , sei a posto!

Ora, quando ho installato l' estensione PHP IntelliSense^{(PHP IntelliSense Extension)} su Visual Studio Code , inizia a visualizzare suggerimenti intelligenti e completamento automatico per sintassi diversa. Pertanto^(Hence) , ciò ridurrà le possibilità di errore e renderà agevole l'esecuzione e la distribuzione dell'applicazione.

L'esempio in tempo reale di IntelliSense che lavora con un file PHP è inserito qui.

Se sei curioso di provare quello che ho fatto ora, segui questi rapidi passaggi.

Installa Visual Studio Code^{(Install Visual Studio Code)} e quindi cerca o ottieni l'estensione per PHP come indicato nei passaggi precedenti o segui questo link marketplace.visualstudio.com .

Ora crea un nuovo file e salvalo  nell'estensione .php  per il file.

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

Salva^(Save) e quindi sposta i file nella cartella htdocs di XAMPP o nella cartella WWW  di WAMP.

Ora, finalmente apri il tuo browser web preferito e inserisci l' URL locale per il tuo file. Quindi vedrai un output come questo.

Spero^(Hope) che lo trovi facile da capire.

Enhancing code on Visual Studio Code with the help of Extensions

Υou 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 - Come scaricare e installare VSC

• CudaText è un Code Editor gratuito per i programmatori Windows

• Qual è il linguaggio di programmazione Java? Code esempi

• SynWrite Editor: Free Text & Source Code Editor per Windows 10

• Teach Kids a Code Usando questi Tools and Programs da Microsoft

• Come Download and Install Code :: Blocks in Windows 10

• Come cambiare User Agent and Geolocation in Edge Developer Tools

• Come scaricare Visual Studio Code Insider

• Come impostare e utilizzare Docker Desktop su Windows

• Best Free Xampp Server Alternative per sviluppatori

• Bulk install Windows apps con Winstall per Windows Package Manager

• Siti Web che ti aiutano ad imparare a Code Playing Games e divertirsi

• I migliori siti Web per imparare o migliorare la conoscenza HTML coding

• applicazioni web Manage legacy con Enterprise Mode Site List Portal di Microsoft

• Come abilitare Developer Mode in Windows 11/10

• Cos'è Xamarin? Come aiuta in mobile multipiattaforma app development?

• Come scaricare file da Github e visualizzarli

• Qual è la lingua R programming e perché dovresti usare RStudio

• SciTE è uno Text Processing software gratuito per i programmatori

• Top Free Extensions per Visual Studio Code per aiutarti a codificare meglio