Már most tisztában kell lennie a Visual Studio Code -val. ^{(Visual Studio Code)}Ez azért van így, mert egy cikkben már beszéltünk róla egy ideje. Ebben a cikkben most arról fogunk beszélni, hogyan lehet jobbá tenni az Ön által írt programokat. Számomra a „jobb” a hibamentes, optimalizált kód fogalmára utal, amely az adott projekt gördülékenyebb telepítéséhez és végrehajtásához vezet. Ebben a cikkben mindent lefedünk arról, hogyan írhatunk kódot az IDE -re. ^(IDE)De előtte érdemes kitérnünk arra, hogy a Visual ^(Visual) Studio Code mely nyelveket és technológiát támogatja jobban .

Az első program megírása és fejlesztése a Visual Studio Code -on^{(Studio Code)}

Ez a Visual Studio Code oktatóanyag kezdőknek megmutatja, hogyan kell lefordítani vagy írni az első programot vagy kódot. A Microsoft hozzáadta a ^(Microsoft)Visual Studio Code bővítményeinek támogatását . Ezek a bővítmények segítenek javítani és optimalizálni a kódot olyan nyelvekre, mint a PHP , C, C++ és még sok más!

A Visual Studio Code^{(Studio Code)} által támogatott nyelvek

A Visual Studio Code^{(Studio Code)} hivatalos honlapján közzétett weboldal szerint az alábbiak az IDE által támogatott fő nyelvek . Ide tartozik a C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL és TypeScript .

Ezzel most olyan nyelvi funkciókat kap, amelyek segítségével jobb kódot írhat. Ez a jobb kód hasonló a fent említettekhez. Tehát számos bővítmény támogatásával gazdag támogatást kapunk a következőkhöz:

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

Ha a nyelvet vagy a fájlkiterjesztést az IDE támogatja , akkor az adott nyelv neve megjelenik  a jobb alsó sarokban lévő állapotsorban  . ^{(Status Bar )}Ellenkező esetben leértékelést^(markdown) vagy egyszerű szöveget^{(plaintext )} jelenít meg .

Például:

A fenti kép az, amikor az IDE nem azonosítja^{(does not identify)} a fájlt ismert típusként. Ezért ^(Hence)egyszerű szövegként^{(Plain Text.)} említik  .

Most pedig vessünk egy pillantást arra, hogyan telepítsük és használjuk ezeket a bővítményeket a képességeik teljes kihasználásához.

Bővítmények telepítése a Visual Studio Code -on^{(Studio Code)}

Tehát az első lépésben, amikor megnyitja a Visual Studio Code , az alábbi részlethez hasonló képernyőt láthat.

Ezután kattintson az  Extensions  gombra a bal oldali függőleges menüben az alábbi képernyőképen látható módon.

Ezután megjelenik egy új panel, amely magától a bal oldalától csúszik. A panel keresősávjában keresse^(Search) meg azt a nyelvet vagy szolgáltatást, amelyhez bővítményt szeretne. Kiterjesztést fogok keresni a PHP -hez, mert demózni fogom.

A keresési eredményekként kapott listából válassza ki az igényeinek leginkább megfelelőt. Ha rákattint a bővítmény listájára, további részleteket kaphat, mint például a leírás, a fejlesztő neve, a szolgáltatások, a méret, a kompatibilitás stb.

Miután megnyomta a Telepítés ^(Install ) gombot, készen áll!

Most, ahogy telepítettem a PHP IntelliSense kiterjesztést^{(PHP IntelliSense Extension)} a Visual Studio Code -ra, elkezdi megjeleníteni az intelligens javaslatokat és az automatikus kiegészítést a különböző szintaxisokhoz. Ezért^(Hence) ez csökkenti a hiba valószínűségét, és gördülékenyebbé teszi az alkalmazás végrehajtását és telepítését.

Ide van beszúrva az IntelliSense valós idejű példája PHP - fájllal.

Ha szeretné kipróbálni, mit csináltam most, kövesse ezeket a gyors lépéseket.

Telepítse a Visual Studio Code^{(Install Visual Studio Code)} -ot, majd keresse meg vagy szerezze be a PHP -bővítményt a fenti lépések szerint, vagy kövesse ezt a marketplace.visualstudio.com hivatkozást .

Most hozzon létre egy új fájlt, és mentse el  a fájl .php  kiterjesztésével.

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

Mentse^(Save) el, majd helyezze át a fájlokat az XAMPP htdocs mappájába vagy a WAMP WWW  mappájába.

Most végre nyissa meg kedvenc webböngészőjét, és adja meg a fájl helyi URL -címét. ^(URL)Ezután egy ilyen kimenetet fog látni.

Remélem^(Hope) , könnyen érthető.

Enhancing code on Visual Studio Code with the help of Extensions

You must be аware 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 – A VSC letöltése és telepítése

• A CudaText egy ingyenes kódszerkesztő Windows programozók számára

• Mi az a Java programozási nyelv? Kódpéldák

• SynWrite Editor: Ingyenes szöveg- és forráskódszerkesztő Windows 10 rendszerhez

• Tanítsa meg a gyerekeket kódolni a Microsoft ezen eszközeivel és programjaival

• Mi az a Xamarin? Hogyan segít ez a többplatformos mobilalkalmazás-fejlesztésben?

• A SciTE egy ingyenes szövegfeldolgozó szoftver programozóknak

• Redwood Resource Extractor: Erőforrások kibontása EXE fájlokból

• A PerfView a Microsoft teljesítményelemző és profilozó eszköze

• Mi az a Google Go programozási nyelv – Követelmények, GYIK

• Natív Windows-alkalmazás készítése bármely webhelyhez vagy webalkalmazáshoz

• Kezelje a régi webalkalmazásokat a Microsoft Enterprise Mode Site List Portal segítségével

• A legjobb C++ bővítmények a Visual Studio kódhoz

• Mi az R programozási nyelv, és miért érdemes az RStudio-t használni

• A legjobb webhelyek a HTML kódolási ismeretek elsajátítására vagy fejlesztésére

• A felhasználói ügynök és a földrajzi helymeghatározás megváltoztatása az Edge Developer Toolsban

• A Docker Desktop beállítása és használata Windows rendszeren

• Windows-alkalmazások tömeges telepítése a Winstall for Windows Package Manager segítségével

• Az öt legjobb projekt kezdő programozóknak

• Mi az a GTK+ Runtime Environment? Miért van szüksége a PC-nek?