Morate biti svjesni Visual Studio Codea^{(Visual Studio Code)} do sada. To je tako jer smo o tome već govorili u jednom članku prije nekog vremena. Sada, u ovom članku, govorit ćemo o tome kako poboljšati programe koje pišete. Za mene, 'bolje' se odnosi na pojam optimiziranog koda bez pogrešaka koji će dovesti do lakše implementacije i izvođenja dotičnog projekta. U ovom članku ćemo pokriti sve o pisanju nekog koda na IDE -u. ^(IDE)Ali prije toga, trebali bismo pokriti koje sve jezike i tehnologije bolje podržava Visual Studio Code .

Kako napisati i poboljšati svoj prvi program na Visual Studio Code

Ovaj vodič za Visual Studio Code za početnike će vam pokazati kako sastaviti ili napisati svoj prvi program ili kod. Microsoft je dodao podršku za proširenja u Visual Studio Code . Ova proširenja pomažu poboljšati i optimizirati vaš kod za jezike kao što su PHP , C, C++ i više!

Jezici koje podržava Visual Studio Code

Prema web stranici objavljenoj na službenoj web stranici Visual Studio Code , sljedeći su glavni jezici koje podržava IDE . Oni uključuju C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL i TypeScript .

Sada s ovim, dobivate neke jezične značajke koje vam pomažu pisati bolji kod. Ovaj bolji kod sličan je onome o čemu smo gore govorili. Dakle, uz podršku za brojna proširenja, dobivamo bogatu podršku za sljedeće:

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

Kada IDE^(IDE) podržava jezik ili ekstenziju datoteke , vidjet ćete naziv tog određenog jezika u  statusnoj traci ^{(Status Bar )} u donjem desnom kutu. U suprotnom, prikazat će vam umanjenje^(markdown) ili napisan običan tekst^{(plaintext )} .

Na primjer:

Gornja slika je kada IDE ne identificira^{(does not identify)} datoteku kao poznatu vrstu. Stoga^(Hence) se spominje kao  običan tekst.^{(Plain Text.)}

Sada pogledajmo kako instalirati i koristiti ova proširenja kako bismo iskoristili punu prednost njihovih mogućnosti.

Kako instalirati proširenja na Visual Studio Code

Dakle, u prvom koraku kada otvorite Visual Studio Code , mogli biste vidjeti zaslon donekle sličan kao što je prikazano u isječku ispod.

Nakon toga kliknite na  gumb Proširenja ^{(Extensions )} na lijevom okomitom izborniku kao što je prikazano na slici ispod.

Tada ćete vidjeti novu ploču koja klizi sa same lijeve strane. U traci za pretraživanje^(Search) na ploči potražite jezik ili uslugu za koju želite proširenje. Tražit ću proširenje za PHP jer ću ga demonstrirati.

S popisa koji dobijete kao rezultate pretraživanja odaberite onaj koji najviše odgovara vašim potrebama. Ako kliknete na popis proširenja, dobit ćete više pojedinosti kao što su opis, naziv programera, značajke, veličina, kompatibilnost i još mnogo toga.

Nakon što pritisnete gumb Instaliraj ^(Install ) , spremni ste!

Sada kada sam instalirao PHP IntelliSense Extension na Visual Studio Code , ono počinje prikazivati ​​pametne prijedloge i automatsko dovršavanje za različitu sintaksu. Dakle^(Hence) , to će smanjiti šanse za pogrešku i učiniti izvođenje i implementaciju vaše aplikacije glatko.

Ovdje je umetnut primjer rada IntelliSense^{(IntelliSense)} - a s PHP datotekom u stvarnom vremenu .

Ako ste znatiželjni isprobati ono što sam sada napravio, samo slijedite ove brze korake.

Instalirajte Visual Studio Code^{(Install Visual Studio Code)} i zatim potražite ili nabavite proširenje za PHP prema uputama u gornjim koracima ili slijedite ovu vezu marketplace.visualstudio.com .

Sada stvorite novu datoteku i spremite je u  .php  ekstenziju za datoteku.

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

Spremite^(Save) i zatim premjestite datoteke u mapu htdocs XAMPP-a ili WWW  mapu WAMP-a.

Sada konačno otvorite svoj omiljeni web preglednik i unesite lokalni URL za svoju datoteku. Tada ćete vidjeti ovakav izlaz.

Nadam^(Hope) se da će vam biti lako razumjeti.

Enhancing code on Visual Studio Code with the help of Extensions

Yоu muѕt be aware оf 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 - Kako preuzeti i instalirati VSC

• CudaText je besplatni uređivač koda za Windows programere

• Što je programski jezik Java? Primjeri kodova

• SynWrite Editor: besplatni uređivač teksta i izvornog koda za Windows 10

• Naučite djecu kodirati pomoću ovih Microsoftovih alata i programa

• Kako preuzeti Visual Studio Code Insider

• Najpopularnija besplatna proširenja za Visual Studio Code koja će vam pomoći da bolje kodirate

• Kako preuzeti i instalirati kod:: Blokira u sustavu Windows 10

• Skupno instalirajte Windows aplikacije s Winstall za Windows Package Manager

• Microsoft Graph: Sve što trebate znati

• Vodiči, savjeti, trikovi za razvojne alate za Chrome

• Web-mjesta koja vam pomažu da naučite kodirati igrajući igre i zabavljajući se

• 11 najboljih IDE-a za Node.js programere

• Napravite izvornu Windows aplikaciju za bilo koju web stranicu pomoću Nativefiera.

• Provjerite ima li koda pogrešaka pomoću Code Compare za Windows 10

• Alternate Text Browser omogućuje pregledavanje nekoliko programskih jezika

• Kako preuzeti datoteke s Githuba i pregledati ih

• Popravak naredbe python setup.py egg_info nije uspio s kodom pogreške 1

• Najbolje web stranice za učenje ili poboljšanje znanja o HTML kodiranju

• Redwood Resource Extractor: ekstrahirajte resurse iz EXE datoteka