Visual Studio Code lub VS Code to jeden z najbardziej popularnych edytorów kodu źródłowego, z których korzystają programiści. Aby zwiększyć produktywność projektu tworzenia oprogramowania, możesz użyć jednych z najlepszych rozszerzeń VS Code wymienionych w tym artykule.
Po rozpoczęciu edycji oprogramowania lub kodów źródłowych stron internetowych w Visual Studio Code otrzymujesz fantastyczne, gotowe do użycia środowisko. Jednak będąc programistą, zawsze możesz wymagać większej liczby funkcji w tym prawie zintegrowanym edytorze kodu środowiska programistycznego (IDE).
VS Code Marketplace powinien być miejscem docelowym dla wszystkich rodzajów rozszerzeń VS IDE. Kontynuuj czytanie tego artykułu, aby znaleźć najlepsze rozszerzenia VS IDE, których możesz użyć w swojej aplikacji internetowej lub projektach tworzenia aplikacji dla systemu Windows.
Spis treści:
Popularność kodu Visual Studio
Według Czas Waka statystyki dotyczące programowania, programiści korzystali z edytora VS Code przez ponad 21 milionów godzin. Był to edytor kodu nr 1 w 2021 roku, porównując godziny edycji kodu w innych narzędziach, takich jak IntelliJ (>3 miliony godzin) i PhpStorm (>2 miliony godzin).
Oto kilka powodów, dla których większość programistów woli VS Code od innych edytorów kodu źródłowego:
#1. Jest całkowicie darmowy, open-source i obsługuje wiele platform. Oznacza to, że działa w systemach Linux, Windows i macOS.
#2. Edytor ma wbudowany debugger. Dlatego musisz wykonać mniej kliknięć. Co więcej, możesz mieć oko na swój projekt kodowania, a także debugger w jednym oknie bez konieczności przełączania aplikacji.
#3. VS Code wychodzi z pudełka z IntelliSense, inaczej znanym jako kodowanie predykcyjne.
#4. Możesz łatwo przekonwertować aplikację VS Code na stację roboczą z pełnym stosem za pomocą odpowiednich klawiszy skrótów, rozszerzeń VS Code i ustawień.
Co to są rozszerzenia środowiska IDE programu Visual Studio?
VS Code to super zorganizowany edytor kodu źródłowego, który obsługuje operacje tworzenia oprogramowania i aplikacji, takie jak kontrola wersji, debugowanie i uruchamianie zadań. Zapewnia programistom wydajną platformę do łatwego cyklu tworzenia kodu i debugowania dla większości języków programowania. Jednak do złożonych przepływów pracy będziesz potrzebować IDE, takiego jak Visual Studio.
Aby przezwyciężyć niedociągnięcia, programiści opracowali rozszerzenia VS Code. Rozszerzenia to po prostu dodatki, które można zainstalować w aplikacji VS Code i uzyskać dostęp do nowych funkcjonalności. Rozszerzenia VS IDE głównie zwiększają produktywność i sprawiają, że kodowanie jest łatwiejsze i bezbłędne.
Dlaczego rozszerzenia IDE są przydatne?
Przede wszystkim możesz użyć rozszerzeń VS Code, aby zwiększyć użyteczność narzędzia w przypadku różnych projektów tworzenia oprogramowania i aplikacji. Jeśli projekt wymaga konkretnej funkcjonalności, której brakuje w VS Code, możesz przeszukać rynek w poszukiwaniu rozszerzenia.
Ponadto rozszerzenia pomagają zwiększyć produktywność zespołu programistów aplikacji. Możesz uniknąć niepotrzebnych błędów podczas kodowania, stosując rozszerzenia uzupełniania kodu.
Ponadto istnieją zaawansowane instalatory pakietów rozszerzeń, które mogą pomóc w importowaniu repozytoriów projektów DevOps z witryn hostingowych pakietów. Krótko mówiąc, rozszerzenia umożliwiają konwersję kodu VS do środowiska IDE z pełną obsługą.
Przyjrzyjmy się teraz niektórym z najlepszych edytorów kodu VS.
Synchronizacja ustawień
Możesz sprawdzić Synchronizacja ustawień Rozszerzenie VS IDE z rynku Visual Studio, jeśli potrzebujesz zsynchronizować fragmenty, ustawienia, motywy, powiązania klawiszy, ikony plików, obszary robocze itp. na różnych komputerach podczas projektu deweloperskiego. Rozszerzenie wykorzystuje GitHub Gists.
Niektóre świetne funkcje to:
- Możesz użyć istniejącego konta GitHub i tokenów.
- Pobierz najnowsze zmiany ustawień automatycznie.
- Ustawienia automatycznego przesyłania, gdy nastąpi zmiana w pliku.
Rozszerzenie doczekało się już ponad 3 milionów instalacji. Ponadto dodatek jest bezpłatny do wszelkiego rodzaju prac programistycznych. Istnieją jednak sposoby na wsparcie twórców tego narzędzia, jeśli chcesz.
Serwer na żywo
Jeśli pracujesz nad tworzeniem stron internetowych w VS Code i potrzebujesz wizualizować swoją dotychczasową pracę, możesz użyć Serwer na żywo. Tworzy lokalny i tymczasowy serwer tylko dla tworzonej witryny. Za pomocą tego rozszerzenia możesz wizualizować zarówno dynamiczne, jak i statyczne strony witryny.
Niektóre istotne cechy to:
- Serwer sieciowy działający na żywo i z możliwością ponownego załadowania, oparty na przeglądarce do wizualizacji witryny.
- Użytkownicy mogą zatrzymać lub uruchomić serwer jednym kliknięciem na pasku stanu dodatku.
- Zgodny z załącznikiem debugowania Chrome.
Narzędzie jest dostępne bezpłatnie i do tej pory zainstalowano ponad 23 miliony.
Visual Studio Code Remote — SSH
Pilot – SSH Dodatek do VS Code pozwala używać dowolnego zdalnego komputera z serwerem SSH jako IDE. To znacznie usprawni rozwiązywanie problemów i rozwój w różnych sytuacjach. Niektóre godne uwagi funkcje to:
- Twórz aplikacje i oprogramowanie na zaawansowanej zdalnej stacji roboczej, uzyskując do nich dostęp z lokalnego komputera.
- Błyskawicznie przełączaj się między różnymi środowiskami programistycznymi bez wpływu na wydajność komputera lokalnego.
- Współpracuj na istniejącym IDE z wielu zdalnych maszyn.
Najlepsze jest to, że nie musisz wdrażać żadnego kodu źródłowego na lokalnej stacji roboczej. Dodatek uruchamia polecenia i inne rozszerzenia VS IDE bezpośrednio na komputerze zdalnym.
Ładniejsze – Formater kodu
Jeśli chcesz wdrożyć wspólny przewodnik stylu we wszystkich projektach deweloperskich w swoim zespole, musisz wypróbować Ładniejsze dodatek do VS Code. Oto kilka funkcji tego dodatku, o których powinieneś wiedzieć:
- Opiniowane rozszerzenie formatowania kodu
- Integruje się z wieloma edytorami kodu
- Dyskusje o stylach stają się bezużyteczne, gdy używasz tego narzędzia
- Oszczędza energię i czas
Czasami, jako programista, możesz potrzebować pracować nad niespójną bazą kodu. Możesz łatwo wyczyścić i ponownie sformatować istniejącą bazę kodu, korzystając z tego rozszerzenia w programie VS Code.
npm
Jeśli pracujesz nad projektami JavaScript, musisz spróbować npm jako menedżer pakietów. Teraz, gdy musisz przenieść swoją pracę do edytora VS Code, możesz to zrobić. Ponieważ rozszerzenie npm pozwala cieszyć się obsługą npm w edytorze VS Code, podobnie jak inne środowiska IDE.
Niektóre z wbudowanych poleceń to:
- Przywoływanie ostatniego skryptu npm użytego po zainstalowaniu tego rozszerzenia.
- Uruchom skrypt npm
- Zakończenie wszelkich uruchomionych skryptów
- Uruchom instalację npm
Jest to rozszerzenie VS Code opracowane przez Microsoft, które zarejestrowało ponad 5 milionów instalacji.
Menadżer projektu
Jeśli jesteś kierownikiem projektu rozwoju oprogramowania i nadzorujesz wiele projektów DevOps w VS Code, powinieneś spróbować Menadżer projektu. Narzędzie umożliwia dostęp do wszystkich projektów z jednego komputera, bez względu na to, gdzie projekty są dostępne.
Istnieją przepisy dotyczące definiowania projektów, dzięki czemu można je łatwo organizować. Niektóre godne uwagi funkcje to:
- Zapisz foldery lub obszary robocze jako projekty
- Oznacz swoje projekty pod kątem zaawansowanej organizacji
- Otwórz wszystkie projekty w nowym lub tym samym oknie
- Łatwo identyfikuj projekty o zmienionej lub usuniętej nazwie
Ponadto rozszerzenie było świadkiem ponad 2 milionów instalacji.
SonarLint
SonarLint to rozszerzenie programu Visual Studio o otwartym kodzie źródłowym, które umożliwia naprawienie problemów z kodowaniem, zanim się pojawią. Dodatek podkreśla luki w zabezpieczeniach i błędy podczas pisania kodu w programie Visual Studio. Jego interfejs jest prosty i działa jak aplikacja do sprawdzania pisowni w dowolnym edytorze tekstu.
Ponadto narzędzie zapewnia jasne wskazówki dotyczące rozwiązywania problemów. W ten sposób masz szansę naprawić kod przed zatwierdzeniem przepływu pracy w programie. Co więcej, rozszerzenie VS Code obsługuje różne analizy języków programowania, takie jak C++, C, Java, HTML, PHP, JavaScript, TypeScript i Python.
Stylinta
Szukasz zautomatyzowanego narzędzia, które będzie oznaczać błędy kodowania, błędy stylistyczne, błędy i inne podejrzane konstrukcje w VS Code? Możesz spróbować Stylinta, łatwe do zainstalowania rozszerzenie linter dla VS Code. Oprócz oflagowania wymusza to na zespole programistów trzymanie się wstępnie zatwierdzonych konwencji stylizacji kodu, aby uniknąć śmieci i śmieci w kodzie oprogramowania lub aplikacji.
Niektóre godne uwagi cechy:
- Obsługa wtyczek do spersonalizowanego tworzenia reguł
- W przypadku nowoczesnych funkcji i składni CSS ma ponad 170 wbudowanych reguł
- Czasami automatycznie naprawia problemy z kodem, gdy rozumie dowolny wzorzec
VS Marketplace pokazuje 700 000 instalacji tego dodatku.
Podgląd CSS
Czy chcesz pozbyć się konieczności przełączania się do pliku .css w celu sprawdzenia właściwości dołączonych do identyfikatora lub klasy? Musisz spróbować Podgląd CSS dodatek do VS Code. Pozwala wyświetlić obraz najechania kodu CSS z pliku HTML.
Rozszerzenie konwertuje również identyfikatory i nazwy klas na hiperłącza. Dlatego po kliknięciu tych hiperłączy możesz natychmiast uzyskać dostęp do definicji identyfikatora i klasy swojego CSS.
Ten dodatek odnotował ponad 3 miliony instalacji. Możesz zainstalować narzędzie w VS Code za darmo.
Polakod
Polakod to dodatek do VS Code, który umożliwia natychmiastowe tworzenie pięknych zrzutów ekranu oprogramowania lub kodu aplikacji. Następnie możesz użyć powstałego komponentu, aby udostępnić swoją pracę nad kodowaniem współpracownikom, znajomym lub klientom. Najlepsze jest to, że zachowuje wszystkie istniejące motywy VS Code i czcionki kodu. Dodatek po prostu umieszcza kod w ładnym układzie, który wygląda profesjonalnie.
Rozszerzenie zawiera funkcję przeciągania, aby zmienić rozmiar kontenera lub fragmentu kodu. Wystarczy przytrzymać i przeciągnąć prawy dolny róg. Inne polecenia, których można użyć do kontrolowania wyglądu obrazu, to polacode.shadow, polacode.target, polacode.backgroundColor itp.
GitLens — rozszerzenie kodu VS
GitLens, darmowe rozszerzenie VS Code, po prostu pomaga programistom lepiej zrozumieć kody programowania. Możesz szybko dowiedzieć się, dlaczego, kiedy i kto zmienił blok kodu lub wiersz kodu.
Co więcej, możesz również przeglądać historię kodu, aby uzyskać przydatne informacje o tym, dlaczego i jak fragment kodu ewoluował. Dlatego liderzy projektu mogą bez wysiłku badać ewolucję lub historię bazy kodu.
Rozszerzenie jest również dostępne jako GitLens+. Posiada dwa tryby subskrypcji. Możesz zalogować się za pomocą bezpłatnego konta i udostępniać dane programiście GitLens+ lub otworzyć płatne konto. Możesz korzystać z darmowego konta do repozytoriów publicznych i płatnego konta do repozytoriów prywatnych.
Koszt importu
Koszt importu to dodatek VS Code, który umożliwia wizualizację rozmiaru pliku importowanej biblioteki innej firmy. Pokazuje wartość kosztu importu zaraz po zaimportowaniu biblioteki w edytorze VS Code.
Podczas wpisywania kodu zobaczysz wbudowany rozmiar biblioteki. Aby wyświetlić rozmiar pliku importowanej biblioteki, wykorzystuje pakiet internetowy. Niektóre godne uwagi funkcje to:
- Rozmiar biblioteki dla całego importu treści
- Wyświetl rozmiar do domyślnego importowania
- Kompatybilny z językami programowania Typescript i JavaScript.
Dodatek odnotował ponad 1 milion instalacji.
Ścieżka Inteligentna
Zwykle musisz obsługiwać wiele plików podczas pracy nad projektem oprogramowania lub aplikacji. Podczas pisania kodu należy wpisać nazwę pliku taką, jaka jest z własnej pamięci. Teraz, gdy nazwy plików zawierają myślniki, ich zapamiętanie staje się trudnym zadaniem. Tutaj możesz skorzystać z szybkiej pomocy Ścieżka Inteligentna.
Jest to rozszerzenie, które automatycznie uzupełnia nazwy plików w bazie kodu. Narzędzie natychmiast sugeruje plik, którego szukasz, gdy wykryje początkowe litery. Może również pomóc w uwidocznieniu ukrytych plików.
Debuger JavaScript (nocny)
Jest to oparty na protokole debugowania adaptera (DAP) Debuger programu JavaScript. Narzędzie umożliwia debugowanie dodatków Chrome, Node.js, WebView2, Edge, VS Code i wielu innych. Od wersji VS Code 1.46 debuger JavaScript jest domyślnym dodatkiem debugowania. Firma Microsoft stopniowo wprowadza również to narzędzie dla środowiska IDE programu Visual Studio.
To rozszerzenie VS Code jest narzędziem typu open source firmy Microsoft. Możesz używać go w celach komercyjnych lub niekomercyjnych. Narzędzie zarejestrowało dotychczas ponad 600 tys. instalacji.
Ostatnie słowa
Do tej pory odkryłeś jedne z najlepszych rozszerzeń VS Code, których musisz użyć, jeśli lubisz pracować nad Microsoft Visual Studio Code. Jest to wiodąca nazwa w ekosystemie edytorów kodu open-source. W zależności od wymagań projektu możesz zainstalować dowolne z powyższych rozszerzeń VS IDE.
Ta ostateczna lista najlepszych rozszerzeń VS IDE pomoże Ci zaoszczędzić czas, który zainwestowałbyś w szukanie tych narzędzi. Teraz możesz poświęcić więcej czasu swojemu projektowi, ponieważ już wiesz, które rozszerzenia są dobre.
Możesz także sprawdzić niektóre z najlepszych IDE, o których powinien wiedzieć każdy programista.