Waa in aad ka warqabto Visual Studio Code mar horeba hadda. Tani waa sidaas sababtoo ah mar hore ayaan uga hadalnay maqaal ka hor. Haddaba, maqaalkan, waxaan uga hadli doonaa sida loo wanaajiyo barnaamijyada aad qorto. Aniga ahaan, 'ka roon' waxa loola jeedaa fikradda khalad-la'aanta ah, kood la hagaajiyay kaas oo u horseedi doona hawlgelin fudud iyo fulinta mashruuca. Waxaan ku soo koobi doonaa wax walba oo ku saabsan qorista koodka IDE -ga maqaalkan. Laakiin ka hor, waa inaan daboolnaa waxa dhammaan luqadaha iyo teknoolojiyadda ay si fiican u taageeraan Code-ka Studio -ga ^{(Studio Code)}Muuqaal^(Visual) .

Sida loo qoro & kor loogu qaado barnaamijkaaga ugu horreeya ee Visual Studio Code

Casharradan Visual Studio Code ee kuwa bilowga ah ayaa ku tusi doona sida loo ururiyo ama loo qoro barnaamijkaaga ama koodka ugu horreeya. Microsoft waxay^(Microsoft) ku dartay taageerada kordhinta ee Visual Studio Code . Kordhintaani waxay gacan ka geysataa wanaajinta iyo hagaajinta koodkaaga luqadaha sida PHP , C, C++ iyo in ka badan!

Luuqadaha uu taageeray Visual Studio Code

Sida ku xusan bogga internetka ee lagu daabacay bogga rasmiga ah ee Visual Studio Code , kuwan soo socda ayaa ah luqadaha ugu muhiimsan ee uu taageerayo IDE . Waxaa ka mid ah C++, C #, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL , iyo TypeScript .

Hadda tan, waxaad heleysaa astaamo luqadeed oo kaa caawinaya inaad qorto kood wanaagsan. Koodhkan ka wanaagsan wuxuu la mid yahay raadraaca wixii aan kor kaga hadalnay. Markaa, annagoo kaashanayna taageero kordhinno badan, waxaan helnaa taageerada hodanka ah ee soo socda:

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

Marka luqadda ama fidinta faylka uu taageero IDE , waxaad arki doontaa magaca luqaddaas gaarka ah ee ku yaal  Status Bar  ee ku yaal geeska midig ee hoose. Haddii kale, waxay ku tusi doontaa calaamadayn^(markdown) ama qoraal^{(plaintext )} cad oo qoran.

Tusaale ahaan:

Sawirka kore waa marka IDE-gu u aqoonsan^{(does not identify)} waayo feylka nooc la yaqaan. Sidaa darteed^(Hence) , waxaa lagu sheegay  qoraal cad.^{(Plain Text.)}

Haddaba, aynu eegno sida loo rakibo oo loo isticmaalo kordhintan si aan uga faa'iidaysano faa'iidada buuxda ee awoodooda.

Sida loo rakibo Extensions on Visual Studio Code

Haddaba, tallaabada ugu horreysa marka aad furto Visual Studio Code , waxaa laga yaabaa inaad aragto shaashad xoogaa la mid ah sida ka muuqata godadka hoose.

Intaa ka dib, dhagsii  badhanka Extensions  ee ku yaal liiska tooska ah ee dhinaca bidix sida ka muuqata sawirka hoose.

Markaas waxaad arki doontaa guddi cusub oo ka soo baxaysa dhinaca bidix laftiisa. In the search bar ee guddiga, ka raadi luqadda ama adeegga aad rabto in lagu kordhiyo. Waxaan raadin doonaa kordhinta PHP sababtoo ah waxaan hoos u dhigi doonaa.

Liisaska aad u heshay sida natiijooyinka raadinta, dooro midka ugu habboon si loo fuliyo baahiyahaaga. Haddii aad gujiso liiska kordhinta, waxaad heli doontaa tafaasiil dheeraad ah sida sharraxaadda, magaca horumariyaha, sifooyinka, cabbirka, ku habboonaanta, iyo in ka badan.

Markaad ku dhufatid badhanka Ku rakib ^(Install ) , waad fiicantahay inaad tagto!

Hadda sida aan ku rakibay PHP IntelliSense Extension on Visual Studio Code , waxay bilaabeysaa soo bandhigida talooyinka caqli-gal ah iyo dhamaystirka otomaatiga ah ee noocyada kala duwan. Sidaa darteed^(Hence) , tani waxay yaraynaysaa fursadaha khaladka waxayna ka dhigi doontaa fulinta iyo geynta codsigaaga mid fudud.

Tusaalaha waqtiga-dhabta ah ee IntelliSense ee la shaqaynta faylka PHP ayaa halkan la geliyey.

Haddii aad xiisaynayso inaad tijaabiso waxa aan hadda sameeyay, raac talaabooyinkan degdega ah.

Ku rakib Visual Studio Code^{(Install Visual Studio Code)} ka dibna, raadi ama hel kordhinta PHP sida lagu faray tillaabooyinka kore ama raac xiriirkan suuqa.visualstudio.com^{(marketplace.visualstudio.com)} .

Hadda samee fayl cusub oo ku keydi  .php  kordhinta faylka.

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

Keydi^(Save) ka dibna u rari faylasha htdocs ee XAMPP ama gal WWW  ee WAMP.

Hadda, ugu dambeyntii fur shabakada shabakada ee aad jeceshahay oo geli URL degaankaaga faylkaaga. Markaa waxaad arki doontaa wax soo saar sidan oo kale ah.

Waxaan rajeynayaa^(Hope) inaad si fudud u fahmi doonto.

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 - Sida loo soo dejiyo oo loo rakibo VSC

• CudaText waa tafatiraha koodka bilaashka ah ee barnaamijyada Windows

• Waa maxay Java Programming Language? Tusaalooyinka kood

• Tifaftiraha SynWrite: Qoraal bilaash ah & Tifaftiraha Koodhka Isha ee Windows 10

• Bar Carruurta inay Codeeyaan adigoo isticmaalaya Aalaadahan iyo Barnaamijyada Microsoft

• Dami Aaladaha Horumarinta ee Edge addoo isticmaalaya Nidaamka Diiwaangelinta ama Kooxda

• Ogeysiinta Visualizer wuxuu kuu ogolaanayaa inaad tijaabiso Ogeysiinta abka

• Shanta mashruuc ee ugu wanagsan ee barnaamijyada bilowga ah

• Maamul abka mareegaha ee dhaxalka leh ee leh Xariirka Liiska Goobta Ganacsiga ee Microsoft

• Xulashada ugu fiican ee Server Xampp ee bilaashka ah ee horumarinta

• Sida loo gabyo ama loo awoodsiiyo Habka Horumariyaha gudaha Windows 11/10

• Mareegaha internetka ee kaa caawinaya inaad barato sida loo kood u ciyaaro ciyaaraha & madadaalada

• Waa maxay Google Go Programming Language - Shuruudaha, FAQ

• Soo deji, rakib, baro Microsoft Small Basic programming language

• Sida loo sameeyo abka Windows ee asalka u ah degel kasta ama abka-webeedka kasta

• IDE ugu fiican ee bilaashka ah ee loogu talagalay Windows 11/10

• jEdit waa tafatiraha qoraalka cajiibka ah ee barnaamijyada kombuyuutarrada

• Talooyin ku saabsan adeegsiga Qaybta Kormeerka ee browserka Google Chrome

• Apps-ka caajiska ah: Kooxaha Fog, Wax-soo-saarka, Soo-saareyaasha, Maareynta Mashruuca

• Sida loo Furo Faylasha ka yimid horumariyeyaasha aan la aqoonsan ee Mac