Visual Studio Code jest z pewnością najlepszym edytorem tekstu do programowania. Dla wielu zastąpił Sublime Text jako wybrany przez nich redaktor. Jest to aplikacja JavaScript oparta na Electronie, ale jest błyskawiczna i nie ma problemów z wydajnością, jak wiele aplikacji JavaScript.
A jeśli się zastanawiasz, tak, VS Code jest oprogramowaniem typu open source i jest dostępne w GitHub. Oto kilka podstawowych wskazówek dotyczących kodu Visual Studio, których powinieneś się nauczyć, jeśli chcesz zwiększyć produktywność i przepływ pracy na wyższy poziom.
Spis treści:
1. Opanuj paletę poleceń w VS Code
Podobnie jak Sublime Text (a wcześniej TextMate), VS Code ma coś, co nazywa się paletą poleceń. Ta funkcja umożliwia dostęp do różnych poleceń po prostu poprzez ich wpisanie, bez konieczności poruszania się po menu za pomocą myszy.
Możesz wyświetlić paletę poleceń za pomocą skrótu klawiaturowego Ctrl + Shift + P (lub Cmd + Shift + P). Po prostu zacznij pisać, co chcesz zrobić (np. „zamknij”), a opcje zostaną zaktualizowane w czasie rzeczywistym. Niektóre polecenia są podzielone na kategorie (np. „Plik”, Git”, „Terminal” itp.), co ułatwia ich zlokalizowanie.
2. Ustaw działający folder projektu
Jeśli klikniesz Eksplorator na bocznym pasku nawigacji, otworzy się nowy podpanel. Ten podpanel składa się z dwóch sekcji (być może będzie konieczne kliknięcie menu z trzema kropkami i wybranie opcji Otwórz edytory, aby wyświetlić tę opcję jako jedną z opcji): Otwórz edytory (tzn. aktualnie otwarte pliki i dokumenty) oraz Nie otwarto żadnego folderu. To drugie nas interesuje.
Kliknij Otwórz folder (lub możesz przejść do opcji Plik > Otwórz folder na pasku menu) i wybierz dowolny folder w systemie. Spowoduje to załadowanie tego folderu do VS Code jako „bieżącego projektu roboczego”, co umożliwi łatwy dostęp do wszystkich plików i podfolderów, dzięki czemu nie będziesz musiał ciągle przełączać się do Eksploratora plików.
3. Przeglądaj kilka plików jednocześnie
Większość nowoczesnych edytorów tekstu może obsługiwać więcej niż jeden plik jednocześnie, umożliwiając przełączanie między otwartymi plikami za pomocą interfejsu opartego na kartach. Bardziej zaawansowane edytory tekstu mogą nawet obsługiwać edycję tekstu obok siebie i VS Code również to robi (aczkolwiek tylko w poziomie).
Jednak edycja obok siebie jest trudna na mniejszych ekranach, takich jak laptopy lub starsze monitory, i właśnie tam błyszczy VS Code.
Posiada coś, co nazywa się panelami dynamicznymi, gdzie jeśli jeden z otwartych paneli dokumentu jest zbyt wąski, zostanie automatycznie poszerzony, gdy dokument stanie się aktywny (tj. umieścisz w nim kursor). Jeśli nadal używasz rozdzielczości bliskiej 720p, pokochasz tę funkcję.
4. Edytuj wiele linii jednocześnie
Jeśli kiedykolwiek będziesz musiał wstawić lub usunąć wiele wystąpień tekstu w całym dokumencie, wystarczy, że utworzysz wiele kursorów. Możesz to zrobić, przytrzymując klawisz Alt (lub Option na komputerze Mac) i klikając w dowolnym miejscu tekstu. Każde kliknięcie tworzy nowy kursor.
Jest to szczególnie przydatne w przypadku HTML, gdzie możesz chcieć dodać wiele instancji tej samej klasy lub zmienić format kilku hiperłączy. Naucz się tego i pokochaj to.
5. Przejdź do Definicja
Kiedy programujesz lub piszesz skrypty, często natkniesz się na zmienną lub metodę, której nie rozpoznajesz. Więc co robisz? Możesz spędzić kilka minut na poszukiwaniu odpowiedniego pliku lub możesz wybrać zmienną/metodę za pomocą kursora i nacisnąć klawisz F12, aby natychmiast przejść do jej definicji. Alternatywnie wybierz metodę, funkcję lub zmienną i naciśnij klawisz Ctrl lub Cmd, a następnie kliknij ją, aby przejść do definicji.
Możesz też użyć skrótu klawiaturowego Alt + F12 (lub Cmd + F12), aby po prostu zajrzeć do definicji, która pokaże definicję dokładnie w miejscu, w którym znajduje się kursor, zamiast otwierać plik źródłowy.
Aby pójść w przeciwnym kierunku, możesz wybrać zdefiniowaną zmienną/metodę i użyć skrótu klawiaturowego Shift + F12, aby znaleźć wszystkie odniesienia do niej. Pojawia się to również w linii przy kursorze.
Aby te funkcje działały, musisz otworzyć odpowiedni folder jako „bieżący projekt roboczy” (patrz Wskazówka nr 2).
6. Zmień nazwę wszystkich wystąpień
Refaktoryzacja jest niezbędnym aspektem pisania i utrzymywania czystego kodu, ale może powodować spory ból głowy — zwłaszcza gdy refaktoryzujesz duży moduł lub skądinąd ogromną część kodu. Zamiast więc przeszukiwać dziesiątki plików tylko po to, aby zmienić nazwę zmiennej lub metody, pozwól VS Code zrobić to za Ciebie.
Jeśli wybierzesz zmienną/metodę i naciśniesz klawisz F2, możesz edytować nazwę, co spowoduje zmianę każdego wystąpienia nazwy tej zmiennej w całym bieżącym projekcie roboczym.
Jeśli chcesz dokonać zmian tylko w bieżącym pliku, użyj skrótu klawiaturowego Ctrl/Cmd + F2, a VS Code wyświetli kursor w każdym wystąpieniu w bieżącym pliku.
7. Przeszukaj wiele plików
Jeśli pracujesz z plikami, które nie są kodem źródłowym, powyższe funkcje wyszukiwania symboli (we wskazówce nr 5) nie będą przydatne. Co więc możesz zrobić, gdy chcesz znaleźć zdanie lub słowo, ale nie wiesz, w którym pliku się ono znajduje? Wracasz do podstawowej funkcji Znajdź.
Ctrl/Cmd + F pozwala przeszukiwać bieżący plik, natomiast Ctrl + Shift + F (lub Shift + Cmd + F) pozwala przeszukiwać wszystkie pliki w całym bieżącym projekcie roboczym, łącznie ze wszystkimi podfolderami rekursywnie.
8. Użyj wiersza poleceń w kodzie VS
VS Code jest wyposażony w zintegrowany terminal. W systemie Windows terminal ten pojawia się jako wiersz poleceń. Na komputerach Mac i Linux pojawia się jako monit Bash. Tak czy inaczej, terminal uruchamia się w katalogu bieżącego projektu roboczego, jeśli taki istnieje, lub w innym przypadku w folderze domowym.
Obsługuje również możliwość posiadania wielu oddzielnych terminali. Po prostu kliknij przycisk Plus (+) w prawym górnym rogu, aby wyświetlić więcej instancji terminala, lub kliknij Kosz, aby zamknąć bieżący terminal. Rozwijane menu ułatwia przełączanie między nimi (i nie zajmuje tak dużo miejsca na ekranie, jak mógłby to zrobić interfejs oparty na kartach).
9. Zainstaluj nowy motyw w VS Code
Jak można się spodziewać, VS Code umożliwia tematyczne podświetlanie składni tekstu i kodu źródłowego. Niestety nie pozwala na motywowanie samego interfejsu, ale podświetlanie składni jest ważnym elementem. Dobry motyw może zwiększyć Twoją produktywność bardziej, niż myślisz.
Nowe motywy znajdziesz na stronie Rynek kodów VS (są bezpłatne) lub możesz je wyszukać bezpośrednio w VS Code. Sprawdź naszą listę najlepszych motywów VS Code, jeśli potrzebujesz rekomendacji.
10. Zainstaluj rozszerzenia innych firm w kodzie VS
Ostatnią istotną cechą, którą należy podkreślić, jest rozszerzalność VS Code poprzez rozszerzenia innych firm. Podobnie jak motywy, można je znaleźć na stronie Rynek kodów VS (tak, one również są bezpłatne) lub możesz je wyszukać w VS Code. Uzyskaj dostęp do panelu Rozszerzenia za pomocą skrótu klawiaturowego Ctrl + Shift + X (lub Shift + Cmd + X).
Rozszerzenia są kluczem do maksymalizacji produktywności. Znajdziesz tutaj wszelkiego rodzaju narzędzia, takie jak linters, debuggery, fragmenty, ulepszenia jakości działania samego VS Code, narzędzia do tworzenia, a nawet niektóre rozszerzenia korzystające z ChatGPT dla łatwiejszego programowania w VS Code.
Kod Visual Studio to najlepszy edytor tekstu
Choć wydaje się, że wielu to uwielbia, VS Code nie jest idealny dla nikogo – nic nigdy nie jest – i może nie być tym, czego szukasz. Pamiętaj, że VS Code jest edytorem tekstu, a nie pełnoprawnym IDE.
Jednak powinieneś spróbować i podejść do tego z otwartym umysłem. Uważamy, że jego funkcje mogą Cię zaskoczyć – w dobrym tego słowa znaczeniu!