Şimdiye kadar Visual Studio Code'un^{(Visual Studio Code)} farkında olmalısınız . Bu böyle çünkü bir süre önce bir makalede bundan bahsetmiştik. Şimdi bu yazımızda yazdığınız programları nasıl daha iyi hale getireceğinizden bahsedeceğiz. Benim için 'daha iyi', ilgili projenin daha sorunsuz bir şekilde dağıtılmasına ve yürütülmesine yol açacak hatasız, optimize edilmiş kod kavramını ifade eder. Bu makalede IDE'ye^(IDE) bazı kodlar yazmakla ilgili her şeyi ele alacağız . Ancak bundan önce, Visual ^(Visual) Studio Code tarafından hangi dillerin ve teknolojilerin daha iyi desteklendiğini ele almalıyız .

Visual Studio Code'da^{(Studio Code)} ilk programınızı nasıl yazabilir ve geliştirebilirsiniz?

Yeni başlayanlar için bu Visual Studio Code öğreticisi, ilk programınızı veya kodunuzu nasıl derleyeceğinizi veya yazacağınızı gösterecektir. Microsoft , Visual Studio Code'daki^{(Studio Code)} uzantılar için destek ekledi . Bu uzantılar, kodunuzu PHP , C, C++ ve daha fazlası gibi diller için geliştirmenize ve optimize etmenize yardımcı olur!

Visual Studio Code^{(Studio Code)} tarafından desteklenen diller

Visual Studio Code'un^{(Studio Code)} resmi web sitesinde yayınlanan web sayfasına göre, IDE tarafından desteklenen ana diller aşağıdadır . Bunlar arasında C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL ve TypeScript bulunur^(TypeScript) .

Şimdi bununla, daha iyi kod yazmanıza yardımcı olan bazı dil özellikleri elde edersiniz. Bu daha iyi kod, yukarıda bahsettiğimiz şeye benzer. Bu nedenle, sayısız uzantı desteğiyle aşağıdakiler için zengin desteği alıyoruz:

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

Dil veya dosya uzantısı IDE^(IDE) tarafından desteklendiğinde , o dilin adını  sağ alt köşedeki Durum Çubuğunda  göreceksiniz. ^{(Status Bar )}Aksi takdirde, size işaretlemeyi^(markdown) veya düz metni^{(plaintext )} yazılı olarak gösterecektir .

Örneğin:

Yukarıdaki görüntü, IDE'nin dosyayı bilinen bir tür olarak tanımlamadığı durumdur. ^{(does not identify)}Bu nedenle ^(Hence)Düz Metin^{(Plain Text.)} olarak anılır  .

Şimdi, yeteneklerinin tüm avantajlarından yararlanmak için bu uzantıların nasıl kurulacağına ve kullanılacağına bir göz atalım.

Uzantılar Visual Studio Koduna^{(Studio Code)} nasıl yüklenir

Bu nedenle, ilk adımda Visual Studio Code'u^{(Studio Code)} açtığınızda , aşağıdaki pasajda gösterilene biraz benzer bir ekran görebilirsiniz.

Bundan sonra,  aşağıdaki ekran görüntüsünde gösterildiği gibi sol taraftaki dikey menüde Uzantılar  düğmesine tıklayın.^{(Extensions )}

Ardından, sol taraftan kayan yeni bir panel göreceksiniz. Panelin Arama^(Search) çubuğunda, uzantısını istediğiniz dili veya hizmeti arayın. PHP için bir uzantı arayacağım çünkü onu demode edeceğim.

Arama sonuçları olarak aldığınız listeden ihtiyaçlarınıza en uygun olanı seçin. Uzantının listesini tıklarsanız, açıklama, geliştirici adı, özellikler, boyut, uyumluluk ve daha fazlası gibi daha fazla ayrıntı alırsınız.

Yükle ^(Install ) düğmesine bastığınızda , gitmeye hazırsınız!

Şimdi Visual Studio ^{(Studio Code)}Code'a PHP IntelliSense Uzantısını^{(PHP IntelliSense Extension)} yüklediğimde, farklı sözdizimi için akıllı öneriler ve otomatik tamamlama göstermeye başlıyor. Bu nedenle^(Hence) , bu bir hata olasılığını azaltacak ve uygulamanızın yürütülmesini ve dağıtımını sorunsuz hale getirecektir.

Bir PHP^(PHP) dosyasıyla çalışan IntelliSense'in^{(IntelliSense)} gerçek zamanlı örneği buraya eklenir.

Şimdi ne yaptığımı merak ediyorsanız, bu hızlı adımları izleyin.

Visual Studio Code'u kurun ve ardından yukarıdaki adımlarda belirtildiği gibi ^{(Install Visual Studio Code)}PHP uzantısını arayın veya edinin veya bu bağlantıyı marketplace.visualstudio.com izleyin .

Şimdi yeni bir dosya oluşturun ve dosya  için .php  uzantısına kaydedin.

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

Dosyaları kaydedin^(Save) ve ardından XAMPP'nin htdocs klasörüne veya WAMP'ın WWW  klasörüne taşıyın.

Şimdi nihayet favori web tarayıcınızı açın ve dosyanızın yerel URL'sini girin. ^(URL)Daha sonra şöyle bir çıktı göreceksiniz.

Umarım^(Hope) kolay anlaşılır bulursunuz.

Enhancing code on Visual Studio Code with the help of Extensions

You must 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

• Görsel Studio Code - Nasıl indirilir ve yüklenir VSC

• CudaText Windows programcılar için ücretsiz bir Code Editor olduğunu

• Java Programlama dili nedir? Code örnekler

• SynWrite Editor: Free Text & Source Code Editor Windows 10 için

• Microsoft bu Tools and Programs kullanılarak Code için Teach Kids

• 11 Best IDEs Node.js Developers için

• Visual Studio Code Insider nasıl indirilir

• Alternate Text Browser, birkaç Programming diline göz atmanızı sağlar

• PerfView, Microsoft'ten bir Performance Analysis ve profilleme aracıdır

• Mac'te Tanımlanamayan Geliştiricilerden Dosyalar Nasıl Açılır

• Windows 10 için Best Free PHP IDE

• basit terimlerle Açısal JavaScript Framework nedir?

• acemi Programcılar için en iyi beş proje

• Developer Mode içinde Windows 11/10 nasıl etkinleştirilir

• HTML coding bilgisini öğrenmek veya geliştirmek için en iyi web siteleri

• Bildirimler Visualizer Uygulamaların bildirimlerini test etmenizi sağlar

• Windows 10 için Code Compare ile hatalar için kodunuzu kontrol edin

• JEdit bilgisayar programcıları için bir etkileyici Text Editor olduğunu

• Slack apps: Remote Teams, Productivity, Developers, Project Management

• Chrome Development Tools Tutorials, Tips, Tricks