Už teraz musíte poznať kód Visual Studio^{(Visual Studio Code)} . Je to tak preto, že sme o tom už hovorili v článku pred chvíľou. Teraz v tomto článku budeme hovoriť o tom, ako zlepšiť programy, ktoré napíšete. Pre mňa „lepší“ znamená bezchybný, optimalizovaný kód, ktorý povedie k hladšiemu nasadeniu a realizácii príslušného projektu. V tomto článku sa budeme venovať všetkému o písaní nejakého kódu na IDE . Predtým by sme však mali pokryť všetky jazyky a technológie, ktoré Visual Studio Code lepšie podporuje .

Ako napísať a vylepšiť svoj prvý program v kóde Visual Studio^{(Studio Code)}

Tento tutoriál Visual Studio Code pre začiatočníkov vám ukáže, ako zostaviť alebo napísať svoj prvý program alebo kód. Microsoft pridal podporu pre rozšírenia v Visual Studio Code . Tieto rozšírenia pomáhajú vylepšiť a optimalizovať váš kód pre jazyky ako PHP , C, C++ a ďalšie!

Jazyky podporované kódom Visual Studio^{(Studio Code)}

Podľa webovej stránky zverejnenej na oficiálnej webovej stránke Visual Studio Code sú nasledujúce hlavné jazyky podporované IDE . Zahŕňajú C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL a TypeScript .

Teraz s tým získate niektoré jazykové funkcie, ktoré vám pomôžu písať lepší kód. Tento lepší kód je podobný tomu, o čom sme hovorili vyššie. Vďaka podpore mnohých rozšírení teda získame bohatú podporu pre nasledujúce:

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

Ak daný jazyk alebo príponu súboru podporuje IDE , v ^(IDE)stavovom riadku ^{(Status Bar )} v pravom dolnom rohu uvidíte názov konkrétneho jazyka  . V opačnom prípade vám ukáže napísané označenie^(markdown) alebo obyčajný text .^{(plaintext )}

Napríklad:

Vyššie uvedený obrázok je, keď IDE neidentifikuje^{(does not identify)} súbor ako známy typ. Preto^(Hence) sa uvádza ako  obyčajný text.^{(Plain Text.)}

Teraz sa pozrime na to, ako nainštalovať a používať tieto rozšírenia, aby ste naplno využili ich možnosti.

Ako nainštalovať rozšírenia na Visual Studio Code

Takže v prvom kroku, keď otvoríte Visual Studio Code , môžete vidieť obrazovku trochu podobnú tej, ktorá je zobrazená v úryvku nižšie.

Potom kliknite na tlačidlo  Rozšírenia ^{(Extensions )} vo vertikálnej ponuke na ľavej strane, ako je znázornené na obrázku nižšie.

Potom uvidíte nový panel posúvajúci sa z ľavej strany sám. Na paneli Hľadať^(Search) na paneli vyhľadajte jazyk alebo službu, pre ktorú chcete rozšírenie. Budem hľadať rozšírenie pre PHP , pretože ho budem demolovať.

Zo zoznamu, ktorý získate ako výsledky vyhľadávania, vyberte ten, ktorý najviac vyhovuje vašim potrebám. Ak kliknete na zoznam rozšírenia, získate ďalšie podrobnosti, ako je popis, meno vývojára, funkcie, veľkosť, kompatibilita a ďalšie.

Keď stlačíte tlačidlo Inštalovať ^(Install ) , môžete začať!

Teraz, keď som nainštaloval rozšírenie PHP IntelliSense^{(PHP IntelliSense Extension)} na Visual Studio Code , začne zobrazovať inteligentné návrhy a automatické dokončovanie pre rôzne syntaxe. Tým^(Hence) sa zníži pravdepodobnosť chyby a bude spustenie a nasadenie vašej aplikácie hladké.

Tu je vložený príklad práce IntelliSense^{(IntelliSense)} so súborom PHP v reálnom čase .

Ak ste zvedaví vyskúšať, čo som teraz urobil, postupujte podľa týchto rýchlych krokov.

Nainštalujte kód Visual Studio^{(Install Visual Studio Code)} a potom vyhľadajte alebo získajte rozšírenie pre PHP podľa pokynov v krokoch vyššie alebo kliknite na tento odkaz marketplace.visualstudio.com .

Teraz vytvorte nový súbor a uložte ho s  príponou .php  pre daný súbor.

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

Uložte^(Save) a potom presuňte súbory do priečinka htdocs XAMPP alebo WWW  priečinka WAMP.

Teraz konečne otvorte svoj obľúbený webový prehliadač a zadajte miestnu adresu URL^(URL) svojho súboru. Potom uvidíte takýto výstup.

Dúfam^(Hope) , že to ľahko pochopíte.

Enhancing code on Visual Studio Code with the help of Extensions

You must bе 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 - Ako stiahnuť a nainštalovať VSC

• CudaText je bezplatný editor kódu pre programátorov Windows

• Čo je to programovací jazyk Java? Príklady kódu

• SynWrite Editor: Editor bezplatného textu a zdrojového kódu pre Windows 10

• Naučte deti kódovať pomocou týchto nástrojov a programov od spoločnosti Microsoft

• Čo je to GTK+ Runtime Environment? Prečo to váš počítač potrebuje?

• Ako otvárať súbory od neidentifikovaných vývojárov na Macu

• Zakážte Vývojárske nástroje v Edge pomocou registra alebo skupinovej politiky

• Fix Command python setup.py egg_info zlyhal s kódom chyby 1

• Najlepšie webové stránky, kde sa môžete naučiť alebo zlepšiť svoje znalosti kódovania HTML

• Návody, tipy, triky pre vývojové nástroje Chrome

• Päť najlepších projektov pre začínajúcich programátorov

• Čo je programovací jazyk Google Go – požiadavky, časté otázky

• Redwood Resource Extractor: Extrahujte zdroje zo súborov EXE

• Čo je Xamarin? Ako to pomáha pri vývoji mobilných aplikácií naprieč platformami?

• Najlepšie bezplatné PHP IDE pre Windows 11/10

• Alternatívny textový prehliadač vám umožňuje prehliadať niekoľko programovacích jazykov

• Čo je to zjednodušene povedané Angular JavaScript Framework?

• Ako nastaviť a používať Docker Desktop v systéme Windows

• Visualizer upozornení vám umožňuje testovať upozornenia aplikácií