Poznaj najlepszy edytor kodu
4 godz. 1 min · HTML i CSS · Full-stack i Programowanie
Piotr PalarzWeb DeveloperW tej sekcji kursu zobaczysz jak zainstalować edytor w 3 najpopularniejszych systemach operacyjnych. Następnie poznasz główne panele tworzące interfejs VS Code, a także nauczysz się korzystać z panelu ustawień, aby w przyszłości dostosować do własnych potrzeb niemal każdy detal.
Aby praca z jakimkolwiek edytorem kodu była przyjemna, należy dostosować jego wygląd do swoich preferencji. W przypadku VS Code jest to bardzo proste, a ogrom szablonów, ikon czy dostępnych fontów zadowoli każdego. W kursie dowiesz się jak wyszukiwać i instalować szablony, jak szybko je zmieniać czy jak skonfigurować font z ligaturami.Następnie poznasz najważniejsze skróty klawiaturowe, a także sposoby na ich modyfikację lub nawet konfigurację własnych. To właśnie dzięki nim praca staje się wydajna, gdy jak najrzadziej sięgamy po myszkę.
VS Code oferuje szereg możliwości sprawnego poruszania się zarówno po całym projekcie jak i po jednym, wybranym pliku. W tej sekcji kursu zobaczysz jak szybko wyszukiwać plików i do nich przeskakiwać, jak przeszukiwać aktywny plik, a także jak korzystać z globalnej wyszukiwarki, która z czasem staje się nieodzownym narzędziem w rękach sprawnego dewelopera.Nie zabraknie również informacji o tym jak korzystać z wielu kursorów jednocześnie, jak przenosić, kopiować czy usuwać linie kodu czy szybko tworzyć całe pliki i katalogi.
Choć VS Code jest pełnoprawnym edytorem kodu już tuż po instalacji, to jego prawdziwy potencjał poznajemy dopiero wtedy, gdy przechodzimy do panelu rozszerzeń. Znajdziemy tam tysiące dodatków do tego edytora. Część z nich to szablony zmieniające jego wygląd, część do drobne narzędzia ułatwiające np. tworzenie plików, a część do prawdziwe "kombajny", np. do pracy z Gitem czy zamiany edytora w IDE dla wybranego języka.Z kursu dowiesz się jak wyszukiwać i instalować rozszerzenia, a także poznasz wiele z nich i zobaczysz jak mogą znacznie ułatwić codzienną pracę z kodem.
W tej sekcji kursu poznasz najpopularniejsze sposoby na wydajną pracę z językami HTML, CSS, JavaScript i PHP. Zobaczysz jak działa Emmet i w jaki sposób ułatwia pisanie kodu HTML i CSS, skonfigurujesz Prettier do formatowania kodu oraz narzędzie ESLint do walidacji i pilnowania standardów JavaScript.Zobaczysz również jak zamienić VS Code w prawdziwy IDE do pracy z językiem PHP, automatycznym formatowaniem kodu czy współpracy z frameworkiem Laravel.
Choć system kontroli Git jest narzędziem niezbędnym w pracy każdego programisty, większość przyznaje, że zna tylko podstawowe komendy, a gdy zachodzi potrzeba, np. wycofania zmian, szuka rozwiązania w internecie. Wszystko to za sprawą bardzo wielu komend Gita, a także ich specyficznych opcji.W kursie zobaczysz, że z poziomu VS Code można pracować z Gitem dużo prościej, w zasadzie wszystko "wyklikując". Nauczysz się tworzyć commity, synchronizować kod ze zdalnym repozytorium, porzucać zmiany, przywracać pliki czy przeglądać historię utworzonych commitów.
Kurs ten jest dla wszystkich osób, które chcą wydajniej pracować z kodem. Niezależnie czy jest to kod HTML, CSS, JavaScript, PHP czy Python, każdy z tych języków znajdzie wsparcie w Visual Studio Code. Kurs omawia edytor od podstaw, a wiedza z zakresu wymienionych wyżej języków nie jest wymagana, choć dla części z nich prezentowane są dedykowane rozwiązania.
1.42+
W tej lekcji króciutko o wyszukiwarce którą możemy znaleźć
wewnątrz edytora i chodzi o wyszukiwarkę która wyszukuje wewnątrz otwartego
pliku command lub control f przechodzimy sobie do takiego oto panelu i
możemy wyszukać na przykład słowa clear w ten sposób widzimy
że jedna taka fraza została tylko znaleziona i gdybyśmy chcieli do tego miejsca
wyszukiwania przejść możemy nacisnąć alt i enter
w ten sposób i jesteśmy teraz tutaj natomiast
tutaj warto wiedzieć o jednym ciekawym triku właśnie z alt enter gdybyśmy
sobie wyszukali słowa var kilka tych słów zostało znalezionych i
naciśniemy teraz alt i enter to taki multiple cursor zostanie
wszędzie przy tych słowach postawiony i możemy za jego pomocą wszystkie
te wystąpienia zmienić jeszcze jedna ważna rzecz jeżeli będziemy wewnątrz
jakiegoś słowa na przykład methods i nacisnę command f aby otworzyć
wyszukiwarkę to od razu to słowo zostanie tutaj wstawione i za pomocą enter
możemy przeskakiwać do kolejnych jego wystąpień za pomocą escape jeżeli zamknę wyszukiwarkę
to kursor będzie w miejscu ostatniego wystąpienia ostatniego
tego do którego przeszedłem za pomocą enter w tej wyszukiwarce jeszcze jest kilka
ciekawych opcji takich jak na przykład ta opcja czyli to będzie
match case tutaj chodzi o to że jeżeli to zaznaczę i warto zwracać uwagę czy
to jest tutaj podświetlone w zależności od szablonu może to inaczej wyglądać troszeczkę to
podświetlenie to wtedy będziemy wyszukiwać tylko słów które
pasują do tego zapisu czyli wielkie litery wielkie i małe będą
brane pod uwagę zatem jeżeli chciałbym wyszukać coś takiego jak methods jak widzisz
no results nic nie znajdziemy dlatego że tutaj bierzemy pod uwagę wielkość liter jeżeli
to odznaczę to już mamy cztery wystąpienia kolejna rzecz którą tutaj mamy
to będzie match whole words i czasem to się też wydaje przydatne
dlatego że powiedzmy mamy tutaj takie słowo jak assert
i powiedzmy że wyszukalibyśmy asser to też zostanie to znalezione ale jeżeli zaznaczę że
że musi to pasować do całego słowa to
wtedy już assert nie zostało znalezione więc tutaj są pod uwagę brane granice
takie jak te cudzysłowy i pewnie jeszcze wiele innych działa to bardzo dobrze i
czasami faktycznie chcemy znaleźć tylko te wystąpienia które dokładnie do tego pasują a nie
są tylko fragmentem jakiegoś innego słowa jeżeli chodzi
o ostatnią opcję która tutaj jest i jest to opcja wyrażeń regularnych jeżeli
kiedykolwiek z nich korzystałeś to wiesz jak bardzo mogą okazać się przydatne
i tutaj powiedzmy że byśmy pisali ass potem kropka co w
wyrażeniach regularnych oznacza dowolny znak i na przykład plus czyli raz
lub więcej i zauważ że cała ta linijka została znaleziona dlatego że
wszystkie inne również znaki zostały potraktowane przez tą kropkę
jako znaki pasujące do tego wrażenia oczywiście wyrażenia regularne
bardziej by się tutaj przydały gdybyśmy mieli jakieś wzorce takie jak powiedzmy rozszerzenia plików
i tak dalej nie mniej jednak to nie jest kurs o wyrażeniach regularnych jeżeli wiesz
jak one działają to na pewno ta opcja może ci się przydać i wtedy to co tutaj
znajdziesz za pomocą alt enter znowu pozwoli ci postawić multiple cursor
przy każdym takich wystąpień i na przykład zmienić rozszerzenie pliku i tak
dalej gdybyś miał tu jakiś ścieżki powiedzmy do plików w css czy w htmlu
okej odznaczę tą opcję i tutaj jeszcze jedna ciekawa rzecz jeżeli
sobie rozwiniemy to to mamy również tutaj panel replace czyli możemy znaleźć
na przykład słowo var może zróbmy to w ten sposób i zamienić go na
let i teraz za pomocą tutaj tej ikonki zamienimy
tylko następne wystąpienie więc ja cofnę te zmiany a za pomocą tej tutaj nam
dymek podpowie zamienimy wszystkie wystąpienia czyli możemy to zrobić za pomocą command
enter a tutaj po prostu enter jak widzisz wszystkie wystąpienia w pliku również
zamieniliśmy na to jednak należy uważać bo czasami możemy sobie zamienić rzeczy
których nie chcieliśmy więc warto robić to z rozwagą okej
no i jeżeli chodzi o tą wyszukiwarkę wewnątrz danego pliku to by było
na tyle w kolejnej lekcji porozmawiamy o wyszukiwarce globalnej