Вече трябва да сте наясно с Visual Studio Code . Това е така, защото вече говорихме за това в статия преди малко. Сега, в тази статия, ще говорим за това как да направим програмите, които пишете, по-добри. За мен „по-добре“ се отнася до идеята за безгрешен, оптимизиран код, който ще доведе до по-плавно внедряване и изпълнение на съответния проект. В тази статия ще разгледаме всичко за писането на някакъв код в IDE . Но преди това трябва да разгледаме кои всички езици и технологии се поддържат по-добре от Visual Studio Code .

Как да напишете и подобрите първата си програма на Visual Studio Code

Този урок за Visual Studio Code за начинаещи ще ви покаже как да компилирате или напишете първата си програма или код. Microsoft добави поддръжка за разширения в Visual Studio Code . Тези разширения помагат за подобряване и оптимизиране на вашия код за езици като PHP , C, C++ и други!

Езици, поддържани от Visual Studio Code

Според уеб страницата, публикувана на официалния уебсайт на Visual Studio Code , следните са основните езици, поддържани от IDE . Те включват C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL и TypeScript .

Сега с това получавате някои езикови функции, които ви помагат да пишете по-добър код. Този по-добър код е подобен в пистата на това, за което говорихме по-горе. Така че, с поддръжка за множество разширения, ние получаваме богата поддръжка за следното:

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

Когато езикът или разширението на файла се поддържат от IDE , ще видите името на този конкретен език в  лентата ^{(Status Bar )} на състоянието в долния десен ъгъл. В противен случай ще ви покаже намаление^(markdown) или написан текст^{(plaintext )} .

Например:

Изображението по-горе е, когато IDE не идентифицира^{(does not identify)} файла като известен тип. Следователно^(Hence) , той се споменава като  обикновен текст.^{(Plain Text.)}

Сега нека да разгледаме как да инсталираме и използваме тези разширения, за да се възползваме от пълното предимство на техните възможности.

Как да инсталирате разширения на Visual Studio Code

Така че, в първата стъпка, когато отворите Visual Studio Code , може да видите екран, донякъде подобен, както е показано във фрагмента по-долу.

След това щракнете върху бутона  Разширения ^{(Extensions )} в лявото вертикално меню, както е показано на екранната снимка по-долу.

След това ще видите нов панел, плъзгащ се от самата лява страна. В лентата за търсене^(Search) на панела потърсете езика или услугата, за които искате разширение. Ще търся разширение за PHP , защото ще го демонстрирам.

От списъка, който получавате като резултати от търсенето, изберете този, който е най-подходящ, за да отговори на вашите нужди. Ако щракнете върху списъка с разширението, ще получите повече подробности като описание, име на разработчика, функции, размер, съвместимост и други.

След като натиснете бутона Инсталиране ^(Install ) , сте готови!

Сега, когато инсталирах разширението PHP IntelliSense^{(PHP IntelliSense Extension)} на Visual Studio Code , то започва да показва интелигентни предложения и автоматично довършване за различен синтаксис. Следователно^(Hence) , това ще намали шансовете за грешка и ще направи изпълнението и внедряването на вашето приложение гладко.

Тук е вмъкнат примерът в реално време за работа на IntelliSense с PHP файл.

Ако сте любопитни да изпробвате това, което направих сега, просто следвайте тези бързи стъпки.

Инсталирайте Visual Studio Code^{(Install Visual Studio Code)} и след това потърсете или вземете разширението за PHP , както е указано в стъпките по-горе или следвайте тази връзка marketplace.visualstudio.com .

Сега създайте нов файл и го запазете в  разширение .php  за файла.

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

Запазете^(Save) и след това преместете файловете в папката htdocs на XAMPP или WWW  папката на WAMP.

Сега най-накрая отворете любимия си уеб браузър и въведете локалния URL за вашия файл. След това ще видите изход като този.

Надявам^(Hope) се да ви е лесно за разбиране.

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 - Как да изтеглите и инсталирате VSC

• CudaText е безплатен редактор на код за програмисти на Windows

• Какво е език за програмиране Java? Примери за кодове

• SynWrite Editor: безплатен редактор на текст и изходен код за Windows 10

• Научете децата да кодират с помощта на тези инструменти и програми от Microsoft

• Инструменти за разработка на Chrome Уроци, съвети, трикове

• Деактивирайте инструментите за разработчици в Edge с помощта на системния регистър или груповите правила

• PerfView е инструмент за анализ и профилиране на производителността от Microsoft

• Какво представлява Xamarin? Как помага при разработването на мобилни приложения за различни платформи?

• Как да направите родно приложение за Windows за всеки уебсайт или уеб приложение

• Как да промените потребителския агент и геолокацията в Edge Developer Tools

• Най-добрите уебсайтове за изучаване или подобряване на знанията си за HTML кодиране

• Най-добрите C++ разширения за Visual Studio Code

• Създайте родно приложение за Windows на всяка уеб страница с помощта на Nativefier.

• Проверете кода си за грешки с Code Compare за Windows 10

• Инсталирайте групово приложения за Windows с Winstall за Windows Package Manager

• 11 най-добри IDE за разработчици на Node.js

• Какво е Angular JavaScript Framework с прости думи?

• Коригиране на командата python setup.py egg_info неуспешна с код за грешка 1

• Визуализаторът за известия ви позволява да тествате известия на приложения