Морате бити свесни Висуал Студио Цоде^{(Visual Studio Code)} - а до сада. То је зато што смо о томе већ говорили у једном чланку пре неког времена. Сада, у овом чланку, разговараћемо о томе како да побољшате програме које пишете. За мене, 'боље' се односи на појам оптимизованог кода без грешака који ће довести до лакшег постављања и извршавања одговарајућег пројекта. У овом чланку ћемо покрити све о писању неког кода на ИДЕ . ^(IDE)Али пре тога, требало би да покријемо које све језике и технологије боље подржава Висуал ^(Visual) Студио Цоде^{(Studio Code)} .

Како написати и побољшати свој први програм на Висуал Студио Цоде -у^{(Studio Code)}

Овај водич за Висуал Студио Цоде^{(Studio Code)} за почетнике ће вам показати како да компајлирате или напишете свој први програм или код. Мицрософт^(Microsoft) је додао подршку за екстензије у Висуал ^(Visual) Студио Цоде^{(Studio Code)} . Ова проширења помажу да побољшате и оптимизујете свој код за језике као што су ПХП^(PHP) , Ц, Ц++ и још много тога!

Језици које подржава Висуал Студио Цоде^{(Studio Code)}

Према веб страници објављеној на званичном сајту Висуал Студио Цоде^{(Studio Code)} , следећи су главни језици које подржава ИДЕ^(IDE) . Они укључују Ц++, Ц#, ЦСС^(CSS) , Доцкерфиле^(Dockerfile) , Го, ХТМЛ^(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 )} .

На пример:

Горња слика је када ИДЕ не идентификује^{(does not identify)} датотеку као познати тип. Стога^(Hence) се помиње као  обичан текст.^{(Plain Text.)}

Сада, хајде да погледамо како да инсталирамо и користимо ова проширења да бисмо искористили пуну предност њихових могућности.

Како инсталирати проширења на Висуал Студио Цоде^{(Studio Code)}

Дакле, у првом кораку када отворите Висуал Студио Цоде^{(Studio Code)} , можда ћете видети екран донекле сличан као што је приказано у исечку испод.

Након тога, кликните на дугме  Проширења ^{(Extensions )} на левом вертикалном менију као што је приказано на слици испод.

Тада ћете видети нови панел који клизи са саме леве стране. На траци за претрагу^(Search) панела потражите језик или услугу за коју желите проширење. Тражићу екстензију за ПХП^(PHP) јер ћу је демонстрирати.

Са листе коју добијете као резултате претраге, изаберите онај који највише одговара вашим потребама. Ако кликнете на листу екстензије, добићете више детаља као што су опис, име програмера, карактеристике, величина, компатибилност и још много тога.

Када притиснете дугме Инсталирај ^(Install ) , спремни сте!

Сада када сам инсталирао ПХП ИнтеллиСенсе Ектенсион^{(PHP IntelliSense Extension)} на Висуал Студио Цоде^{(Studio Code)} , оно почиње да приказује паметне предлоге и аутоматско довршавање за различиту синтаксу. Дакле^(Hence) , ово ће смањити шансе за грешку и олакшаће извршавање и примену ваше апликације.

Овде је уметнут пример рада ИнтеллиСенсе^{(IntelliSense)} - а са ПХП^(PHP) датотеком у реалном времену .

Ако сте радознали да испробате шта сам сада урадио, само следите ове брзе кораке.

Инсталирајте Висуал Студио Цоде^{(Install Visual Studio Code)} , а затим претражите или преузмите проширење за ПХП^(PHP) према упутствима у горњим корацима или пратите ову везу маркетплаце.висуалстудио.цом^{(marketplace.visualstudio.com)} .

Сада креирајте нову датотеку и сачувајте је у  .пхп ^(.php ) екстензији за датотеку.

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

Сачувајте^(Save) и затим преместите датотеке у фасциклу хтдоцс на КСАМПП или ВВВ ^(WWW ) фасциклу на ВАМП-у.

Сада коначно отворите свој омиљени веб претраживач и унесите локални УРЛ^(URL) за своју датотеку. Тада ћете видети овакав излаз.

Надам^(Hope) се да ће вам бити лако разумети.

Enhancing code on Visual Studio Code with the help of Extensions

Yоu 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

• Висуал Студио Цоде - Како преузети и инсталирати ВСЦ

• ЦудаТект је бесплатни уређивач кодова за Виндовс програмере

• Шта је програмски језик Јава? Примери кодова

• СинВрите Едитор: бесплатни уређивач текста и изворног кода за Виндовс 10

• Научите децу да кодирају користећи ове Мицрософт алате и програме

• Слацк апликације: удаљени тимови, продуктивност, програмери, управљање пројектима

• Најбољи бесплатни ПХП ИДЕ за Виндовс 11/10

• Најбољи бесплатни Ц++ ИДЕ за Виндовс 11/10

• Преузмите, инсталирајте, научите програмски језик Мицрософт Смалл Басиц

• СциТЕ је бесплатни софтвер за обраду текста за програмере

• Како да подесите и користите Доцкер Десктоп на Виндовс-у

• Шта је програмски језик Питхон?

• Најбоље веб странице за учење или побољшање знања о ХТМЛ кодирању

• Како преузети и инсталирати код:: Блокира у оперативном систему Виндовс 10

• Шта је формат ЈСОН података и база података ЈСОН докумената?

• Шта је Ксамарин? Како то помаже у развоју мобилних апликација на више платформи?

• Најбоље бесплатне Ксампп Сервер алтернативе за програмере

• Групно инсталирајте Виндовс апликације помоћу Винсталл за Виндовс Пацкаге Манагер

• јЕдит је један импресиван уређивач текста за компјутерске програмере

• Пронађите све Гит команде на једном месту овде у Гит Екплорер-у