Ya debe estar al tanto de Visual Studio Code . Esto es así porque ya hablamos de ello en un artículo hace un tiempo. Ahora, en este artículo, vamos a hablar sobre cómo mejorar los programas que escribes. Para mí, 'mejor' se refiere a la noción de código optimizado y sin errores que conducirá a una implementación y ejecución más fluida del proyecto respectivo. Cubriremos todo acerca de cómo escribir código en el IDE en este artículo. Pero antes de eso, debemos cubrir qué lenguajes y tecnologías son mejor compatibles con Visual Studio Code .

Cómo escribir y mejorar su primer programa en Visual Studio Code

Este tutorial de Visual Studio Code para principiantes le mostrará cómo compilar o escribir su primer programa o código. Microsoft agregó soporte para extensiones en Visual Studio Code . ¡ Estas extensiones ayudan a mejorar y optimizar su código para lenguajes como PHP , C, C++ y más!

Idiomas compatibles con Visual Studio Code

Según la página web publicada en el sitio web oficial de Visual Studio Code , los siguientes son los principales lenguajes soportados por el IDE . Incluyen C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL y TypeScript .

Ahora, con esto, obtienes algunas funciones de lenguaje que te ayudan a escribir mejor código. Este mejor código es similar en la pista de lo que hablamos anteriormente. Entonces, con el soporte para numerosas extensiones, obtenemos el soporte enriquecido para lo siguiente:

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

Cuando el IDE^(IDE) admita el idioma o la extensión del archivo , verá el nombre de ese idioma en particular en la  barra de estado ^{(Status Bar )} en la esquina inferior derecha. De lo contrario, le mostrará la reducción^(markdown) o el texto sin formato^{(plaintext )} escrito.

Por ejemplo:

La imagen de arriba es cuando el IDE no identifica^{(does not identify)} el archivo como un tipo conocido. Por^(Hence) lo tanto , se menciona como  texto sin formato.^{(Plain Text.)}

Ahora, echemos un vistazo a cómo instalar y usar estas extensiones para aprovechar al máximo sus capacidades.

Cómo instalar extensiones en Visual Studio Code

Entonces, en el primer paso cuando abre Visual Studio Code , es posible que vea una pantalla algo similar a la que se muestra en el fragmento a continuación.

Después de eso, haga clic en el  botón Extensiones ^{(Extensions )} en el menú vertical del lado izquierdo como se muestra en la captura de pantalla a continuación.

Luego verá un nuevo panel deslizándose desde el lado izquierdo. En la barra de búsqueda^(Search) del panel, busque el idioma o el servicio para el que desea una extensión. Buscaré una extensión para PHP porque la probaré.

De la lista que obtiene como resultado de la búsqueda, seleccione el que mejor se adapte a sus necesidades. Si hace clic en la lista de la extensión, obtendrá más detalles como la descripción, el nombre del desarrollador, las características, el tamaño, la compatibilidad y más.

Una vez que presiona el botón Instalar ^(Install ) , ¡está listo para comenzar!

Ahora que instalé la extensión PHP IntelliSense^{(PHP IntelliSense Extension)} en Visual Studio Code , comienza a mostrar sugerencias inteligentes y finalización automática para diferentes sintaxis. Por lo tanto^(Hence) , esto disminuirá las posibilidades de error y hará que la ejecución y el despliegue de su aplicación sean fluidos.

El ejemplo en tiempo real de IntelliSense trabajando con un archivo PHP se inserta aquí.

Si tiene curiosidad por probar lo que hice ahora, solo siga estos pasos rápidos.

Instale Visual Studio Code^{(Install Visual Studio Code)} y luego busque u obtenga la extensión para PHP como se indica en los pasos anteriores o siga este enlace marketplace.visualstudio.com .

Ahora cree un nuevo archivo y guárdelo en  la extensión .php  para el archivo.

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

Guarde^(Save) y luego mueva los archivos a la carpeta htdocs de XAMPP o a la carpeta WWW  de WAMP.

Ahora, finalmente abra su navegador web favorito e ingrese la URL local para su archivo. Entonces verás una salida como esta.

Espero^(Hope) que te resulte fácil de entender.

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 - Cómo descargar e instalar VSC

• CudaText es un Code Editor gratuito para programadores Windows

• ¿Cuál es el lenguaje de programación Java? Code ejemplos

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

• Teach Kids a Code Uso de estos Tools and Programs de Microsoft

• Consejos para usar el Inspect Element de Google Chrome browser

• Cómo descargar archivos desde Github y verlas

• Notificaciones Visualizer le permite probar notificaciones de aplicaciones

• Jedit es un impresionante Text Editor para programadores informáticos

• Verifique su código para errores con Code Compare para Windows 10

• Sitios web que lo ayudan a aprender a Code jugando Games y divirtiéndose

• Cómo abrir archivos de desarrolladores no identificados en Mac

• ¿Qué es Xamarin? ¿Cómo ayuda en la plataforma transversal móvil app development?

• Best gratis Xampp Server alternativas para desarrolladores

• Cómo cambiar User Agent and Geolocation en Edge Developer Tools

• Cómo configurar y usar Docker Desktop en Windows

• Alternate Text Browser le permite navegar por varios idiomas Programming

• Best C++ Extensions para Visual Studio Code

• Encuentra todo el Git Commands en un lugar aquí en Git Explorer

• Bulk install Windows apps con Winstall para Windows Package Manager