10 podstawowych wskazówek dotyczących produktywności dla Visual Studio Code
Visual Studio Code to bez wątpienia najlepszy edytor tekstu do programowania. Dla wielu zastąpił on Sublime Text jako edytor z wyboru. Jest to aplikacja JavaScript oparta na Electronie, ale jest błyskawiczna i nie ma problemów z wydajnością, jak wiele aplikacji JavaScript.
Rzeczywiście, dla tych, którzy mogą być ciekawi, warto zauważyć, że Visual Studio Code jest oprogramowaniem typu open source i można uzyskać do niego dostęp za pośrednictwem repozytorium na GitHub. Aby zwiększyć wydajność i usprawnić proces pracy, warto zapoznać się z kilkoma kluczowymi funkcjami tego potężnego edytora kodu.
Opanuj paletę poleceń w VS Code
Sublime Text i jego poprzednik, TextMate, posiadają intrygujące narzędzie znane jako “paleta poleceń”. To innowacyjne narzędzie umożliwia użytkownikom szybkie wykonywanie wielu poleceń poprzez ręczne wprowadzanie, eliminując potrzebę uciążliwej nawigacji za pomocą kursora lub myszy.
Korzystanie z palety poleceń pozwala na bardziej wydajny przepływ pracy podczas nawigowania po różnych zadaniach w środowisku programistycznym. Używając skrótu klawiaturowego Control \+ Shift \+ P lub Command \+ Shift \+ P, można uzyskać dostęp do obszernej listy dostępnych akcji, które są podzielone na kategorie, takie jak “Plik”, “Git”, “Terminal” i inne. Funkcjonalność palety umożliwia użytkownikom wprowadzenie żądanej akcji poprzez jej wpisanie, jednocześnie aktualizując wyświetlane opcje w czasie rzeczywistym. Usprawnia to proces wyszukiwania i wykonywania określonych funkcji, zwiększając ogólną produktywność.
Ustawianie roboczego folderu projektu
Po kliknięciu “Eksploratora” na pasku bocznym nawigacji pojawi się nowy panel. Panel ten składa się z dwóch odrębnych sekcji, do których można uzyskać dostęp, klikając menu wielokropka i wybierając opcję “Otwórz edytory” lub wyświetlając ją jako opcję. Sekcje te to mianowicie “Open Editors”, która oznacza listę aktualnie otwartych plików i dokumentów, oraz “No Folder Opened”. To właśnie ta druga opcja nas interesuje.
Po kliknięciu opcji “Otwórz folder” z paska menu lub przechodząc do niej za pomocą menu Plik, można wybrać dowolny katalog obecny w systemie w Visual Studio Code. Wybrany katalog zostanie następnie wyznaczony jako bieżący projekt roboczy, zapewniając płynny dostęp do wszystkich jego plików składowych i podkatalogów bez konieczności częstego przełączania się między eksploratorem plików.
Wyświetlanie kilku plików jednocześnie
Większość współczesnych edytorów tekstu ma możliwość obsługi wielu dokumentów jednocześnie, ułatwiając nawigację między nimi za pomocą interfejsu użytkownika z zakładkami. Niektóre wysoko rozwinięte edytory tekstu oferują ponadto opcję równoległej edycji tekstu, która jest również dostępna w Visual Studio Code (choć działa tylko w pionie).
VS Code wyróżnia się zapewnieniem płynnej współpracy nawet podczas pracy z mniejszymi rozmiarami ekranu, takimi jak te znajdujące się na laptopach lub starszych monitorach. Funkcja ta jest szczególnie przydatna dla użytkowników, którzy wymagają wydajnej współpracy w czasie rzeczywistym podczas nawigacji na ograniczonej przestrzeni ekranu.
Dzięki nowatorskiej funkcji znanej jako “dynamiczne panele”, aplikacja inteligentnie dostosowuje szerokość otwartego panelu dokumentu, jeśli jego wymiary stają się niewystarczające do wygodnego przeglądania podczas aktywnego skupiania się na tym dokumencie. To intuicyjne ulepszenie może okazać się szczególnie atrakcyjne dla użytkowników utrzymujących rozdzielczość ekranu zbliżoną do 720p.
Edycja wielu wierszy jednocześnie
Aby efektywnie manipulować wieloma wystąpieniami treści w dokumencie, jedna z metod polega na tworzeniu wielu wskaźników za pomocą skrótu klawiaturowego polegającego na jednoczesnym naciśnięciu klawisza “Alt” (lub jego odpowiednika “Option” dla użytkowników komputerów Mac). Klikając w różnych miejscach w tekście, te dodatkowe wskaźniki są generowane przy każdym dotknięciu, co pozwala na wygodniejszą edycję podczas manipulowania obszernymi fragmentami.
Technika ta okazuje się bardzo korzystna w sytuacjach, które wymagają wielokrotnego stosowania tej samej klasyfikacji, na przykład w elementach HTML, w których należy przypisać wiele instancji określonej klasy lub podczas modyfikowania wielu hiperłączy w celu dostosowania ich do określonej struktury. Ważne jest, aby stać się biegłym w tej metodzie i wykorzystać jej zalety.
Przejdź do definicji
W przypadku napotkania nieznanych zmiennych lub metod podczas programowania lub tworzenia skryptów, można skorzystać z jednej z dwóch wygodnych opcji. Po pierwsze, umieszczając kursor nad wspomnianym elementem i naciskając klawisz F12, użytkownik zostanie natychmiast przekierowany do odpowiadającej mu definicji. Po drugie, wybranie żądanej jednostki za pomocą skrótów klawiaturowych, takich jak przytrzymanie klawisza Control (Windows) lub Command (Mac) podczas klikania, przeniesie użytkownika do odpowiedniej definicji.
Alternatywnie można użyć wygodnego skrótu klawiaturowego, naciskając klawisz “Alt” i przycisk “F12” lub klawisz “Cmd” wraz z klawiszem “F12” na komputerze Mac, aby uzyskać dostęp do definicji bez otwierania jej w oryginalnym dokumencie. Funkcja ta wyświetla definicję bezpośrednio pod pozycją kursora, co zapewnia większą łatwość i wydajność.
Aby wykonać wyszukiwanie wsteczne dla wybranej zmiennej lub metody, można użyć skrótu klawiaturowego “Shift \+ F12”. Ta akcja wyświetli wszystkie instancje wybranej jednostki w bazie kodu, w tym te pojawiające się w bieżącej pozycji kursora.
Aby te funkcje mogły być efektywnie wykorzystywane, konieczne jest ustanowienie odpowiedniego katalogu jako bieżącego aktywnego projektu (patrz Wskazówka #2 w celu uzyskania dalszych wskazówek).
Zmień nazwę wszystkich wystąpień
Refaktoryzacja jest kluczowym elementem tworzenia i zachowania dobrze zorganizowanej bazy kodu. Może jednak okazać się trudnym zadaniem, szczególnie gdy mamy do czynienia z dużymi modułami lub obszernymi fragmentami kodu. Aby zmniejszyć to obciążenie, Visual Studio Code oferuje automatyzację, która upraszcza nawet drobne zmiany, takie jak ponowne przypisanie etykiety lub aktualizacja nazwy funkcji w wielu plikach.
Po wybraniu zmiennej lub metody i wykonaniu kombinacji klawiszy funkcyjnych F2 można zmodyfikować identyfikator, który następnie zaktualizuje odniesienie do tej jednostki we wszystkich instancjach w aktualnie aktywnym projekcie obszaru roboczego.
Aby zmodyfikować tekst wyłącznie w niniejszym dokumencie, należy użyć kombinacji klawiszy Ctrl/Cmd \+ F2. Po wykonaniu tej czynności Visual Studio Code umieści kursor obok każdej instancji w całym pliku.
Wyszukiwanie w wielu plikach
Gdy mamy do czynienia z plikami niebędącymi kodem źródłowym i konieczna jest identyfikacja zdań lub słów bez znajomości ich konkretnej lokalizacji w projekcie, należy powrócić do podstawowej funkcji “Znajdź” jako alternatywy dla niedostępnych funkcji zorientowanych na symbole omówionych wcześniej we wskazówce nr 5.
Przytrzymanie klawisza “Ctrl” lub “Command” i naciśnięcie klawisza “F” umożliwia wyszukiwanie określonego terminu w bieżącym dokumencie, podczas gdy jednoczesne naciśnięcie klawiszy “Shift” i “Cmd” lub “Control”, po których następuje litera “F”, pozwala na obszerne przeszukiwanie całej pracy zawartej w bieżącym projekcie roboczym, w tym wszystkich zagnieżdżonych podkatalogów.
Korzystanie z wiersza poleceń w VS Code
VS Code zapewnia zintegrowany interfejs terminala, który umożliwia użytkownikom dostęp do narzędzi wiersza poleceń i wykonywanie poleceń w ramach swoich projektów. Wygląd terminala zależy od systemu operacyjnego użytkownika; w systemie Windows jest on wyświetlany jako wiersz polecenia, podczas gdy w systemach macOS i Linux jest to wiersz polecenia Bash. Niezależnie od systemu operacyjnego, terminal uruchamia się w katalogu bieżącego projektu roboczego, pod warunkiem, że taki istnieje, lub domyślnie w folderze domowym użytkownika.
Rzeczywiście, Terminal został zaprojektowany z myślą o wszechstronności i łatwości użytkowania, umożliwiając użytkownikom tworzenie dodatkowych wirtualnych okien terminala poprzez kliknięcie ikony “\+” znajdującej się w prawym górnym rogu okna aplikacji. Alternatywnie można usunąć istniejącą instancję terminala, wybierając ikonę kosza obok żądanego okna terminala. Co więcej, rozwijane menu ułatwia płynną nawigację między różnymi sesjami terminalowymi bez nadmiernego zużywania obszaru wyświetlania, w przeciwieństwie do interfejsów z zakładkami, które mogą zajmować znaczną część ekranu.
Zainstaluj nowy motyw w VS Code
Rzeczywiście, Visual Studio Code zapewnia użytkownikom możliwość dostosowania podświetlania składni tekstu i kodu źródłowego za pomocą różnych motywów. Możliwości te nie obejmują jednak zmiany wyglądu samego interfejsu użytkownika. Niemniej jednak, posiadanie dobrze zaprojektowanego motywu do podświetlania składni może znacznie zwiększyć wydajność kodowania.
Nowe motywy można znaleźć na VS Code Marketplace (są bezpłatne) lub można je wyszukać bezpośrednio w VS Code. Sprawdź naszą listę najlepszych motywów VS Code, jeśli potrzebujesz rekomendacji.
Instalacja rozszerzeń firm trzecich w VS Code
Ostatnią istotną cechą, którą należy podkreślić, jest rozszerzalność VS Code poprzez rozszerzenia firm trzecich. Podobnie jak w przypadku motywów, można je znaleźć na VS Code Marketplace (tak, te również są darmowe) lub wyszukać je w VS Code. Dostęp do panelu rozszerzeń można uzyskać za pomocą skrótu klawiaturowego Ctrl \ + Shift \ + X (lub Shift \ + Cmd \ + X ).
Rozszerzenia służą jako istotny sposób na zwiększenie wydajności w Visual Studio Code. To repozytorium obejmuje szereg narzędzi, takich jak lintery kodu, debuggery, menedżery fragmentów, optymalizacje wydajności zintegrowanego środowiska programistycznego (IDE), narzędzia konstrukcyjne, a nawet niektóre dodatki, które wykorzystują ChatGPT w celu usprawnienia procesów programowania w VS Code.
Visual Studio Code to najlepszy edytor tekstu
Choć VS Code zyskał sobie sporą rzeszę fanów, to jego przydatność dla każdej osoby pozostaje subiektywna, a niedoskonałe rozwiązania są nieuniknione. Należy również zauważyć, że VS Code funkcjonuje przede wszystkim jako edytor tekstu, a nie zintegrowane środowisko programistyczne (IDE).
Chociaż nie możemy zagwarantować satysfakcji, zachęcamy do przetestowania naszego produktu z bezstronnej perspektywy. Nasze innowacyjne funkcje mogą pozytywnie przewyższyć Twoje oczekiwania.