Jeśli chodzi o zagłębianie się w ciekawy świat tworzenia aplikacji, możemy to zrobić w wielu językach. Istnieją specyficzne dla niektórych zadań, oprócz innych, bardziej ogólnych. Ponadto musimy wybrać edytor kodu, którego chcemy używać w naszym zespole i który odpowiada naszym potrzebom. tutaj jednym z wyborów, z którego możemy skorzystać, jest Visual Studio Code .
To świetne rozwiązanie oferowane przez giganta oprogramowania Microsoft, dania zarówno dla początkujących użytkowników, którzy w tym zaczynają, jak i dla tych najbardziej profesjonalnych. Aby dać nam pomysł, tutaj mówimy o Visual Studio Code, edytorze kodu opracowanym przez samą firmę Microsoft. Mamy możliwość instalacji i uruchomienia Windows , Linux oraz System operacyjny Mac- komputery oparte.
Ważne funkcje, które integruje Visual Studio Code
Jak możesz sobie wyobrazić, w oprogramowaniu o tych cechach i znaczeniu, oferuje nam ono mnogość funkcji, które pomogą nam w tworzeniu kodu. Ale to nie wszystko, ponieważ oprócz funkcji, które prezentuje, charakteryzuje się dużą stabilnością i lekkością. W związku z tym staje się najpopularniejszym edytorem tekstu do tych zadań.
Ponadto ten edytor open source jest wieloplatformowy i bardzo popularny w społeczności programistów. Jako ciekawostkę powiemy, że jest beta wersja została wydana pod koniec 2015 r., a pierwsza stabilna wersja została wydana w kwietniu 2016 r. Ważne jest również, aby wiedzieć, że Visual Studio Code jest kompatybilny z dużą liczbą języków programowania. Dlatego nie będzie to problemem dla większości programistów.
Edytor ma obsługę debugowania, wbudowaną kontrolę Git, podświetlanie składni, inteligentne uzupełnianie kodu itp. Trzeba powiedzieć, że prezentuje nam dość konfigurowalny interfejs, który pozwala użytkownikom między innymi na zmianę motywu lub skrótów klawiaturowych inne rzeczy.
Jak możesz sobie wyobrazić, wszystko to ułatwia pracę tutaj dzięki temu, że możemy dostosować oprogramowanie do naszych potrzeb lub preferencji. Znany również jako VScode , ten redaktor zdołał usunąć wiele innych, które powstały wśród nas od lat, program, który możemy pobrać stąd .
Kolejną zaletą, jaką oferuje nam ta platforma, jest to, że pozwala nam znacznie zwiększyć jej funkcjonalność, o czym dokładnie będziemy mówić poniżej.
Wtyczki poprawiające funkcjonalność VScode
Jak zwykle w wielu innych rozwiązaniach tego samego typu, Visual Studio Code daje nam możliwość korzystania z dodatkowych wtyczki. Jeśli weźmiemy pod uwagę, że mamy dziś do czynienia z jednym z najczęściej używanych edytorów kodu, można powiedzieć, że jednym z powodów jest liczba dostępnych wtyczek.
Właśnie z tego powodu poniżej pokażemy niektóre z tych najważniejszych i najbardziej przydatnych rozszerzeń, których możesz używać w VScode. Jak mówimy, liczba tych dodatkowych elementów jest bardzo duża, więc w zależności od rodzaju pracy lub wykorzystania programu, jeden lub drugi może Ci się przydać.
Automatyczna zmiana nazwy tagu
Zamierzamy rozpocząć ten wybór rozszerzeń lub wtyczek od tagu automatycznej zmiany nazwy. Warto wspomnieć, że pomimo swojej prostoty, jeśli coś charakteryzuje ten element, to jest nim użyteczność. Zasadniczo to, co robi to rozszerzenie, to automatyczna zmiana nazwy sparowanego Znacznik HTML/XML.
Ze względu na powszechne stosowanie tych etykiet jest to bardzo pomocne w dużej mierze dzięki oszczędności czasu. Mamy możliwość uzyskania tej wtyczki bezpośrednio od pod tym linkiem .
Automatyczne zamykanie tagu
Automatyzacja zadań w tego typu programy i platformy rozwojowe to jedna z funkcji najbardziej cenionych przez zwykłych użytkowników. Musimy pamiętać, że pisząc kod, bywa on dość powtarzalny. Dzięki tej wtyczce zapewniamy Visual Studio Code z obsługą zamkniętych tagów dla HTML , Kierownice i pilniki Razor.
Jednocześnie musimy wiedzieć, że rozszerzenie jest włączone dla innych języków, takich jak XML, PHP, JavaScript, TypeScript itp. Możemy go zdobyć stąd .
Otwórz w przeglądarce
W tym momencie musimy wiedzieć, że VSCode nie ma żadnego zintegrowanego interfejsu do otwierania plików bezpośrednio z przeglądarka internetowa . Stąd właśnie znaczenie lub użyteczność, jaką przyniesie nam ta wtyczka, o której będziemy mówić. Dzieje się tak, ponieważ to rozszerzenie dodaje nową opcję do programu o nazwie Otwórz z domyślną przeglądarką.
Dodatek znajdziemy w Menu kontekstowe , a także skróty klawiaturowe do otwierania w przeglądarce, których zwykle używamy w systemie. Mamy możliwość przetestowania tego wszystkiego poprzez pobieranie rozszerzenia stąd .
Quokka
W tym innym przypadku, który zamierzamy udostępnić w Visual Studio Code, mówimy o Quokka. W rzeczywistości jest to narzędzie do debugowania, które daje nam informacje zwrotne w czasie rzeczywistym na temat kodu, który obecnie piszemy. Jednocześnie pokazuje nam podgląd wyników funkcji oraz obliczone wartości zmiennych.
Z tego powodu możesz sobie wyobrazić, że ta wtyczka może być bardzo pomocna w pewnych okolicznościach. Poza tym bardzo łatwo jest skonfigurować i współpracuje z JSX i TYPESCRIPT projektowanie. Możemy go pobrać z tego linku .
GitLens
Coś, co z pewnością wielu z Was było już w stanie zweryfikować z pierwszej ręki, to to, że ten edytor doskonale dostosowuje się do wszystkich systemów operacyjnych. Oferuje również wszelkiego rodzaju funkcjonalności, które ułatwiają nam tworzenie własnych projektowanie . Ale prawdą jest również, że niektórych rzeczy wciąż brakuje, chociaż do tego możemy użyć tych rozszerzeń.
Tak jest w przypadku GitLens , wtyczka, która dodaje ulepszenia do korzystania z edytora kodu, takiego jak ten z Microsoft . Dzięki temu będziemy mogli zobaczyć, kto i kiedy zmienił linię kodu, nad którą teraz pracuję. Jednocześnie możemy zobaczyć historię zmian każdego pliku, rozróżniać różne modyfikacje itp. Aby dodać to rozszerzenie, możesz to zrobić stąd .
Fałszywy Vscode
To super ciekawa propozycja tego typu, która pozwala nam łatwo i szybko wstawić przykładowe dane do naszego projektu. W tym celu wykorzystuje bibliotekę Faker JavaScript i możemy generować losowe nazwy , adresy, zdjęcia , numery telefonów itp. Jednocześnie warto wspomnieć, że każda kategoria posiada kilka podkategorii, aby jak najszybciej zlokalizować szukaną przez nas treść. Aby przetestować to wszystko, co mamy, możesz to zrobić za pomocą tego linku ( https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker ).
Motyw ikony materiału
Może się również zdarzyć, że będziemy musieli nieco zmienić wygląd edytora, aby go spersonalizować lub poczuć się bardziej komfortowo. Właśnie w tym celu możemy wykorzystać wtyczkę w postaci motywu do dodania do Visual Studio Code. Właściwie tutaj odnosimy się do tematu, który oferuje nam bardziej minimalistyczny i łatwy w użyciu interfejs. Jeśli chcesz spróbować, możesz to zrobić stąd .
