Sinun on oltava tietoinen Visual Studio Codesta^{(Visual Studio Code)} jo nyt. Tämä johtuu siitä, että puhuimme siitä jo artikkelissa jokin aika sitten. Nyt tässä artikkelissa aiomme puhua siitä, kuinka voit parantaa kirjoittamiasi ohjelmia. Minulle "parempi" tarkoittaa virheettömän, optimoidun koodin käsitettä, joka johtaa vastaavan projektin sujuvampaan käyttöönottoon ja suorittamiseen. Käsittelemme kaiken koodin kirjoittamisesta IDE :hen tässä artikkelissa. Mutta ennen sitä meidän pitäisi selvittää, mitä kaikkia kieliä ja tekniikoita Visual Studio Code tukee paremmin .

Ensimmäisen ohjelman kirjoittaminen ja parantaminen Visual Studio Codessa^{(Studio Code)}

Tämä Visual Studio Code -opastus aloittelijoille näyttää, kuinka voit kääntää tai kirjoittaa ensimmäisen ohjelman tai koodin. Microsoft lisäsi tuen laajennuksille Visual Studio Codessa^{(Studio Code)} . Nämä laajennukset auttavat parantamaan ja optimoimaan koodiasi kielille, kuten PHP , C, C++ ja muille!

Visual Studio Coden^{(Studio Code)} tukemat kielet

Visual Studio Coden^{(Studio Code)} virallisella verkkosivustolla julkaistun verkkosivun mukaan seuraavat ovat tärkeimmät IDE :n tukemat kielet . Niihin kuuluvat C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL ja TypeScript .

Nyt tämän avulla saat joitain kieliominaisuuksia, jotka auttavat sinua kirjoittamaan parempaa koodia. Tämä parempi koodi on samanlainen kuin edellä puhuimme. Lukuisten laajennusten tuella saamme siis runsaasti tukea seuraaville:

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

Kun IDE^(IDE) tukee kieltä tai tiedostopäätettä , näet kyseisen kielen nimen  tilapalkissa ^{(Status Bar )} oikeassa alakulmassa. Muussa tapauksessa se näyttää sinulle merkinnän^(markdown) tai kirjoitetun^{(plaintext )} tavallisen tekstin .

Esimerkiksi:

Yllä oleva kuva on silloin, kun IDE ei tunnista^{(does not identify)} tiedostoa tunnetuksi tyypiksi. Siksi^(Hence) se mainitaan pelkkänä  tekstinä.^{(Plain Text.)}

Katsotaanpa nyt, kuinka nämä laajennukset asennetaan ja käytetään niiden ominaisuuksien täyden hyödyn hyödyntämiseksi.

Laajennusten asentaminen Visual Studio Codeen^{(Studio Code)}

Joten ensimmäisessä vaiheessa, kun avaat Visual Studio Coden^{(Studio Code)} , saatat nähdä näytön, joka on hieman samanlainen kuin alla olevassa katkelmassa.

Napsauta sen jälkeen  Laajennukset ^{(Extensions )} - painiketta vasemman reunan pystysuorassa valikossa alla olevan kuvakaappauksen mukaisesti.

Sitten näet uuden paneelin liukuvan itse vasemmalta puolelta. Etsi^(Search) paneelin hakupalkista kieli tai palvelu, jolle haluat laajennuksen. Aion etsiä laajennusta PHP :lle, koska aion demoa sitä.

Valitse hakutuloksina saamastasi luettelosta tarpeitasi parhaiten vastaava. Jos napsautat laajennuksen luetteloa, saat lisätietoja, kuten kuvauksen, kehittäjän nimen, ominaisuudet, koon, yhteensopivuuden ja paljon muuta.

Kun painat Asenna ^(Install ) - painiketta, olet valmis!

Nyt kun asensin PHP IntelliSense -laajennuksen^{(PHP IntelliSense Extension)} Visual Studio Code -koodiin , se alkaa näyttää älykkäitä ehdotuksia ja automaattista täydennystä eri syntakseille. Näin ollen^(Hence) tämä vähentää virheiden mahdollisuuksia ja tekee sovelluksesi suorittamisesta ja käyttöönotosta sujuvaa.

Reaaliaikainen esimerkki IntelliSensen^{(IntelliSense)} työskentelystä PHP - tiedoston kanssa on lisätty tähän.

Jos olet utelias kokeilemaan, mitä tein nyt, seuraa näitä nopeita ohjeita.

Asenna Visual Studio Code^{(Install Visual Studio Code)} ja etsi tai hanki PHP -laajennus yllä olevien ohjeiden mukaisesti tai seuraa tätä linkkiä marketplace.visualstudio.com .

Luo nyt uusi tiedosto ja tallenna se tiedoston  .php  -tunnisteella.

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

Tallenna^(Save) ja siirrä tiedostot XAMPP:n htdocs-kansioon tai WAMP:n WWW  -kansioon.

Avaa nyt viimein suosikkiverkkoselaimesi ja kirjoita tiedostosi paikallinen URL -osoite. Sitten näet tällaisen tulosteen.

Toivottavasti^(Hope) sinun on helppo ymmärtää.

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 - Kuinka ladata ja asentaa VSC

• CudaText on ilmainen koodieditori Windows-ohjelmoijille

• Mikä on Java-ohjelmointikieli? Esimerkkejä koodista

• SynWrite Editor: ilmainen teksti- ja lähdekoodieditori Windows 10:lle

• Opeta lapsia koodaamaan näiden Microsoftin työkalujen ja ohjelmien avulla

• Vaihtoehtoisen tekstiselaimen avulla voit selata useita ohjelmointikieliä

• Mikä on R-ohjelmointikieli ja miksi sinun pitäisi käyttää RStudiota

• Redwood Resource Extractor: Pura resurssit EXE-tiedostoista

• Docker Desktopin määrittäminen ja käyttäminen Windowsissa

• Parhaat koodieditorit Windows 10:lle, joita jokaisen kehittäjän on käytettävä

• Joukkoasenna Windows-sovelluksia Winstall for Windows Package Managerilla

• Parhaat ilmaiset Xampp-palvelinvaihtoehdot kehittäjille

• Mikä on Python-ohjelmointikieli?

• Mikä on Angular JavaScript Framework yksinkertaisella tavalla?

• Kuinka ladata tiedostoja Githubista ja katsella niitä

• Chromen kehitystyökalujen opetusohjelmia, vinkkejä, temppuja

• Käyttäjäagentin ja maantieteellisen sijainnin muuttaminen Edge Developer Toolsissa

• Vinkkejä Google Chrome -selaimen Inspect Elementin käyttöön

• Hallitse vanhoja verkkosovelluksia Microsoftin yritystilan sivustoluetteloportaalin avulla

• Mikä on Google Go -ohjelmointikieli – Vaatimukset, UKK