Jak skonfigurować kod Visual Studio dla JavaScript
Visual Studio Code obsługuje ponad 40 języków programowania i jest bezpłatnym edytorem tekstu międzyplatformowym używanym głównie do rozwoju front-end. Jest produktem Microsoft i może być używany w prawie wszystkich głównych systemach operacyjnych, takich jak Linux, Windows i MacOS. Kod Visual Studio jest szeroko stosowany do tworzenia JavaScript, ponieważ jest lekki, ale ma potężne funkcje wbudowane, takie jak IntelliSense (kod szybciej, gdy pokazuje inteligentne zakończenie kodu), formatowanie, refaktoryzowanie, nawigacja kodu, debugowanie i wiele więcej.
W tym poście przyjrzymy się, jak skonfigurować kod Visual Studio dla JavaScript. Zróbmy pierwszy krok, który polega na zainstalowaniu kodu Visual Studio w naszych systemach Windows.
Instalacja kodu Visual Studio
Aby zainstalować kod Visual Studio, najpierw musimy go pobrać z poniżej wspomnianego linku:
https: // kod.VisualStudio.com/
Po odwiedzeniu powyższego adresu URL zobaczysz niebieski przycisk, który powie Pobierz dla systemu Windows. Kliknij ten przycisk.
Po kliknięciu niebieskiego przycisku rozpocznie się pobieranie:
Po zakończeniu pobierania kliknij pobrany plik pokazany na powyższym zrzucie ekranu.
Po zakończeniu zobaczysz wyskakujące okno, które jest umową licencyjną dla kodu Studio Visual. Wybierz "akceptuje warunki umowy„Opcja, a następnie kliknij przycisk Dalej:
Kolejne okno, które pojawi się, będzie wybór dodatkowych zadań. Wybierz wszystkie potrzebne opcje, a następnie kliknij Następny przycisk:
Po kliknięciu Następny przycisk Gotowy do instalacji okno pojawi się, gdzie musisz kliknąć zainstalować przycisk:
Instalacja rozpocznie się teraz:
Po zakończeniu instalacji kliknij skończyć przycisk i Twój kod Visual Studio zostanie uruchomiony.
Konfiguracja kodu Visual Studio
Teraz, gdy skończyliśmy pobieranie i instalowanie kodu Visual Studio, skonfigurujmy nasz edytor JavaScript. Pierwszym krokiem w konfiguracji naszego kodu Studio Visual jest zainstalowanie wymaganych rozszerzeń, które pomogą nam wydajnie i szybko kodować. Ikona rozszerzenia jest obecna po lewej stronie pokazanej na poniższym zrzucie ekranu:
Po kliknięciu ikony rozszerzenia wyszukaj żądane rozszerzenie, które chcesz zainstalować.
Zainstalujmy Liveserver rozszerzenie, które jest bardzo przydatne, ponieważ ma funkcję automatycznego przeładowania na żywo. Nie musimy zapisywać naszego pliku, automatycznie zapisuje i wyświetli dane wyjściowe w naszej przeglądarce za każdym razem, gdy wprowadzamy zmiany w naszym kodzie.
Szukaj Serwer na żywo Na karcie rozszerzenia i kliknij poniżej wspomnianą ikonę:
Po kliknięciu Serwer na żywo, zobaczysz opcję instalacji po prawej stronie. Kliknij przycisk Instaluj, aby zainstalować serwer na żywo:
Po kliknięciu zainstalować Przycisk, Twój serwer na żywo zainstaluje:
Kolejnym rozszerzeniem, które możemy zainstalować w naszym kodzie Visual Studio, jest JavaScript (ES6) kod fragment co jest bardzo przydatne, ponieważ to rozszerzenie występuje w wielu wbudowanych fragmentach kodu. Procedura instalowania fragmentów kodu ES6 jest taka sama jak instalacja Serwer na żywo rozszerzenie.
Wniosek
JavaScript to język programowania internetowego, który sprawia, że nasze aplikacje internetowe i strony internetowe dynamiczne i interaktywne, dając im możliwość myślenia i działania. Aby skutecznie i szybciej kodować, programista potrzebuje IDE. IDE to oprogramowanie, w którym wspólne narzędzia programistów są łączone i są dostępne w jednym interfejsie GUI. Jednym z najlepszych IDE używanych do JavaScript jest kod Visual Studio, który oferuje potężne opracowywane narzędzia i funkcje, takie jak zakończenie kodu, Intellisense, Debugger i wiele więcej.
W tym poście konfigurujemy kod Visual Studio dla JavaScript, najpierw go pobierając i instalując, a następnie instalując rozszerzenia w kodzie Visual Studio IDE.