Você já deve estar ciente do Visual Studio Code . Isso porque já falamos sobre isso em um artigo um tempo atrás. Agora, neste artigo, vamos falar sobre como melhorar os programas que você escreve. Para mim, 'melhor' refere-se à noção de código otimizado e livre de erros que levará a uma implantação e execução mais suaves do respectivo projeto. Estaremos cobrindo tudo sobre como escrever algum código no IDE neste artigo. Mas antes disso, devemos abordar o que todas as linguagens e tecnologias são melhor suportadas pelo Visual Studio Code .

Como escrever e aprimorar seu primeiro programa no Visual Studio Code

Este tutorial do Visual Studio Code para iniciantes mostrará como compilar ou escrever seu primeiro programa ou código. A Microsoft^(Microsoft) adicionou suporte para extensões no Visual Studio Code . Essas extensões ajudam a aprimorar e otimizar seu código para linguagens como PHP , C, C++ e muito mais!

Idiomas suportados pelo Visual Studio Code

De acordo com a página publicada no site oficial do Visual Studio Code , a seguir estão as principais linguagens suportadas pelo IDE . Eles incluem C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL e TypeScript .

Agora, com isso, você obtém alguns recursos de linguagem que ajudam a escrever um código melhor. Este código melhor é semelhante na trilha do que falamos acima. Assim, com suporte para várias extensões, obtemos o suporte avançado para o seguinte:

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

Quando o idioma ou a extensão do arquivo for compatível com o IDE , você verá o nome desse idioma específico na  barra de status ^{(Status Bar )} no canto inferior direito. Caso contrário, ele mostrará remarcação^(markdown) ou texto simples^{(plaintext )} escrito.

Por exemplo:

A imagem acima é quando o IDE não identifica^{(does not identify)} o arquivo como um tipo conhecido. Por isso^(Hence) , é mencionado como  Texto Simples.^{(Plain Text.)}

Agora, vamos dar uma olhada em como instalar e usar essas extensões para aproveitar ao máximo seus recursos.

Como instalar extensões no Visual Studio Code

Portanto, na primeira etapa ao abrir o Visual Studio Code , você poderá ver uma tela um pouco semelhante à mostrada no snippet abaixo.

Depois disso, clique no  botão Extensões ^{(Extensions )} no menu vertical do lado esquerdo, conforme mostrado na captura de tela abaixo.

Então você verá um novo painel deslizando do próprio lado esquerdo. Na barra de pesquisa^(Search) do painel, pesquise o idioma ou serviço para o qual deseja uma extensão. Estarei procurando por uma extensão para PHP porque vou fazer uma demonstração.

Na lista que você obtém como resultados de pesquisa, selecione aquele que é mais adequado para atender às suas necessidades. Se você clicar na lista da extensão, obterá mais detalhes, como descrição, nome do desenvolvedor, recursos, tamanho, compatibilidade e muito mais.

Depois de clicar no botão Instalar ^(Install ) , você está pronto para ir!

Agora, conforme instalei a extensão PHP IntelliSense^{(PHP IntelliSense Extension)} no Visual Studio Code , ela começou a exibir sugestões inteligentes e preenchimento automático para sintaxe diferente. Portanto^(Hence) , isso diminuirá as chances de erro e facilitará a execução e a implantação do seu aplicativo.

O exemplo em tempo real do IntelliSense trabalhando com um arquivo PHP é inserido aqui.

Se você está curioso para experimentar o que eu fiz agora, basta seguir estes passos rápidos.

Instale o Visual Studio Code^{(Install Visual Studio Code)} e, em seguida, pesquise ou obtenha a extensão para PHP conforme instruído nas etapas acima ou siga este link marketplace.visualstudio.com .

Agora crie um novo arquivo e salve-o na  extensão .php  para o arquivo.

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

Salve^(Save) e mova os arquivos para a pasta htdocs do XAMPP ou pasta WWW  do WAMP.

Agora, finalmente abra seu navegador favorito e insira a URL local do seu arquivo. Então você verá uma saída como esta.

Espero^(Hope) que você ache 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 - Como baixar e instalar VSC

• CudaText é um Code Editor gratuito para programadores Windows

• O que é a linguagem de programação Java? Code exemplos

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

• Teach Kids para Code usando estes Tools and Programs de Microsoft

• Best Free PHP IDE para Windows 10

• Manage legacy aplicativos da web com Microsoft's Enterprise Mode Site List Portal

• Fix Command python setup.py egg_info Falhou com error code 1

• O que é xamarin? Como isso ajuda na plataforma cruzada app development?

• Best Free C++ IDE para Windows 10

• Slack apps: Remoto Teams, Productivity, Developers, Project Management

• Dicas sobre o uso do Inspect Element de Google Chrome browser

• Alternate Text Browser permite que você navegue várias Programming Idiomas

• jEdit é um Text Editor impressionante para programadores de computador

• O que é Google Go Programming Language - Requisitos, FAQ

• O que é JavaScript Framework Angular em termos simples?

• Como abrir arquivos de desenvolvedores não identificados no Mac

• Como fazer um Windows app nativas para qualquer site ou web-app

• Como habilitar Developer Mode em Windows 11/10

• Redwood Resource Extractor: Extrair recursos de arquivos EXE