Już teraz musisz znać kod programu Visual Studio^{(Visual Studio Code)} . Dzieje się tak, ponieważ mówiliśmy o tym już jakiś czas temu w artykule. Teraz w tym artykule porozmawiamy o tym, jak ulepszyć programy, które piszesz. Dla mnie „lepszy” odnosi się do pojęcia bezbłędnego, zoptymalizowanego kodu, który doprowadzi do płynniejszego wdrożenia i wykonania danego projektu. W tym artykule omówimy wszystko na temat pisania kodu w IDE . Ale wcześniej powinniśmy omówić, jakie wszystkie języki i technologie są lepiej obsługiwane przez Visual Studio Code .

Jak napisać i ulepszyć swój pierwszy program w Visual Studio Code

Ten samouczek Visual Studio Code dla początkujących pokaże Ci, jak skompilować lub napisać swój pierwszy program lub kod. Firma Microsoft^(Microsoft) dodała obsługę rozszerzeń w Visual Studio Code . Te rozszerzenia pomagają ulepszyć i zoptymalizować Twój kod dla języków takich jak PHP , C, C++ i nie tylko!

Języki obsługiwane przez Visual Studio Code

Według strony internetowej opublikowanej na oficjalnej stronie Visual Studio Code , oto główne języki obsługiwane przez IDE . Obejmują one C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL i TypeScript .

Teraz, dzięki temu, otrzymujesz kilka funkcji językowych, które pomogą Ci pisać lepszy kod. Ten lepszy kod jest podobny do tego, o czym mówiliśmy powyżej. Tak więc, dzięki obsłudze wielu rozszerzeń, otrzymujemy bogate wsparcie dla następujących elementów:

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

Gdy język lub rozszerzenie pliku jest obsługiwane przez IDE , zobaczysz nazwę tego konkretnego języka na  pasku stanu ^{(Status Bar )} w prawym dolnym rogu. W przeciwnym razie pokaże Ci przecenę^(markdown) lub napisany zwykły tekst^{(plaintext )} .

Na przykład:

Powyższy obraz przedstawia sytuację, gdy środowisko IDE nie identyfikuje^{(does not identify)} pliku jako znanego typu. W związku^(Hence) z tym jest wymieniony jako  zwykły tekst.^{(Plain Text.)}

Teraz przyjrzyjmy się, jak zainstalować i używać tych rozszerzeń, aby w pełni wykorzystać ich możliwości.

Jak zainstalować rozszerzenia w Visual Studio Code

Dlatego w pierwszym kroku po otwarciu programu Visual Studio Code możesz zobaczyć ekran nieco podobny do pokazanego w poniższym fragmencie.

Następnie kliknij  przycisk Rozszerzenia ^{(Extensions )} po lewej stronie pionowego menu, jak pokazano na zrzucie ekranu poniżej.

Następnie zobaczysz nowy panel wysuwający się z samej lewej strony. Na pasku wyszukiwania^(Search) panelu wyszukaj język lub usługę, dla której chcesz uzyskać rozszerzenie. Będę szukał rozszerzenia dla PHP , ponieważ będę je demonstrować.

Z listy, którą otrzymasz jako wyniki wyszukiwania, wybierz tę, która najlepiej odpowiada Twoim potrzebom. Jeśli klikniesz listę rozszerzenia, otrzymasz więcej szczegółów, takich jak opis, nazwa programisty, funkcje, rozmiar, kompatybilność i inne.

Gdy naciśniesz przycisk Instaluj ^(Install ) , możesz zacząć!

Teraz, gdy zainstalowałem rozszerzenie PHP IntelliSense^{(PHP IntelliSense Extension)} w Visual Studio Code , zaczyna wyświetlać inteligentne sugestie i automatyczne uzupełnianie dla innej składni. W związku^(Hence) z tym zmniejszy to prawdopodobieństwo wystąpienia błędu i sprawi, że wykonanie i wdrożenie Twojej aplikacji będzie płynne.

W tym miejscu znajduje się przykład pracy IntelliSense w czasie rzeczywistym z plikiem PHP .

Jeśli chcesz wypróbować to, co zrobiłem teraz, wykonaj te szybkie kroki.

Zainstaluj Visual Studio Code^{(Install Visual Studio Code)} , a następnie wyszukaj lub pobierz rozszerzenie PHP zgodnie z instrukcjami w powyższych krokach lub skorzystaj z tego łącza marketplace.visualstudio.com .

Teraz utwórz nowy plik i zapisz go w  rozszerzeniu .php  dla pliku.

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

Zapisz^(Save) , a następnie przenieś pliki do folderu htdocs XAMPP lub folderu WWW  WAMP.

Teraz w końcu otwórz swoją ulubioną przeglądarkę internetową i wprowadź lokalny adres URL^(URL) pliku. Wtedy zobaczysz wynik taki jak ten.

Mam nadzieję^(Hope) , że łatwo to zrozumieć.

Enhancing code on Visual Studio Code with the help of Extensions

You muѕt 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 — jak pobrać i zainstalować VSC

• CudaText to darmowy edytor kodu dla programistów Windows

• Co to jest język programowania Java? Przykłady kodu

• SynWrite Editor: darmowy edytor tekstu i kodu źródłowego dla systemu Windows 10

• Naucz dzieci kodować za pomocą tych narzędzi i programów firmy Microsoft

• SciTE to darmowe oprogramowanie do przetwarzania tekstu dla programistów

• Jaki jest format danych JSON i baza dokumentów JSON?

• 11 najlepszych IDE dla programistów Node.js

• Jak skonfigurować i używać pulpitu Docker w systemie Windows

• Co to jest Xamarin? Jak pomaga w tworzeniu wieloplatformowych aplikacji mobilnych?

• Jak otwierać pliki od niezidentyfikowanych programistów na Macu?

• Sprawdź kod pod kątem błędów za pomocą funkcji Code Compare dla systemu Windows 10

• Redwood Resource Extractor: Wyodrębnij zasoby z plików EXE

• Aplikacje na Slack: Remote Teams, Productivity, Developers, Project Management

• Najlepsze darmowe alternatywy dla Xampp Server dla programistów

• PerfView to narzędzie do analizy i profilowania wydajności firmy Microsoft

• Wskazówki dotyczące korzystania z elementu Inspect w przeglądarce Google Chrome

• Pobierz, zainstaluj, poznaj język programowania Microsoft Small Basic

• Co to jest język programowania Google Go — wymagania, często zadawane pytania

• jEdit to imponujący edytor tekstu dla programistów