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 rzucimy okiem na wyszukiwarkę globalną która
pozwala nam wyszukiwać w całym naszym projekcie możemy do niej przejść w activity
barze za pomocą skrótu command lub control shift f oczywiście wszystko
znajdziesz również tutaj moglibyśmy w ten sposób przejść i mamy taką oto wyszukiwarkę
zauważ że ona ma podobne opcje jak te które widzieliśmy
w tej wyszukiwarce która wyszukuje w danym pliku natomiast ma tutaj również jeszcze
dodatkowe takie pola do których przejdziemy za sekundę możemy
je rozwinąć tym a tutaj możemy robić find and replace i
teraz wyszukajmy sobie na przykład jquery zobaczymy w których plikach
zostanie jquery znalezione jak widzisz w wielu plikach odwołanie
do jquery zostało znalezione moglibyśmy tutaj to zmienić że tylko na przykład
pasujące litery czyli wielkie i małe litery żeby brać pod uwagę i tak
dalej ale to nam pokazuje gdzie wystąpienie jquery
jest natomiast mamy tutaj pewien problem dlatego że na przykład w pliku tym jquery zostało
to również znalezione a zazwyczaj takich plików gdybyśmy wrócili do explorera które
są w katalogu vendor albo które mają rozszerzenie min nie chcemy przeszukiwać
więc możemy sobie to wykluczyć przechodząc do opcji czyli command i przecinek
i wpiszemy sobie search i zauważ że jest coś takiego jak files
exclude czyli te które mają być wyłączone z wyszukiwania możemy sobie to przekopiować
do settings i tutaj dopasować czyli na przykład chciałbym powiedzieć
że wszystkie pliki robimy to właśnie w ten sposób które
mają rozszerzenie min cokolwiek nie chcę żeby były przeszukiwane czyli
wybierzemy tutaj true jeżeli to zapisze i wrócimy do wyszukiwarki to
jquery nam stąd powinno zniknąć spróbujemy jeszcze raz wyszukać tak
też się stało jak widzisz teraz ten plik nie jest już brany pod uwagę w ten sposób można
sobie wykluczyć również całe foldery na przykład jak mamy folder vendor
tak jak było tutaj i również taki folder możemy mieć na przykład jeżeli pracujemy
w php z composerem to możemy tutaj zrobić coś takiego i
wtedy cały taki folder vendor również będzie wykluczany oczywiście bardzo
podobną rzecz należałoby zrobić z popularnym folderem node modules czyli
w ten sposób możemy tutaj dodać jeszcze inne takie jak bower components
i tak dalej to zależy od tego z czym będziesz pracował warto to brać pod uwagę i
nie tylko tutaj w tej wyszukiwarce globalnej to będzie ignorowane ale
również w tej wyszukiwarce którą mamy tutaj jeżeli byśmy tutaj wyszukiwali jquery
jak widzisz nie zostanie to znalezione oprócz takiego globalnego wykluczenia
możemy również wykluczać na poziomie wyszukiwania czyli możemy sobie tutaj to
rozwinąć i wpisać albo files to include albo files to exclude czyli
te które chcemy wykluczyć więc możemy sobie właśnie w tym miejscu wpisać
taki glob że żaden plik który ma rozszerzenie min ma nam
się tutaj nie pojawiać i zadziałałoby to dokładnie w taki sam sposób to
warto sobie później usuwać bo jeżeli zwiniemy tą wyszukiwarkę możemy tego nie widzieć
a wpływa to na nasze wyniki wyszukiwania no i ostatnia rzecz która tutaj jest
to jest find and replace i to pozwala nam znaleźć w wielu różnych plikach i zamienić
tu jeszcze jest ciekawa opcja o której nie wspominałem wcześniej to jest preserved case czyli
jeżeli na przykład wyszukamy jquery to znajdzie nam i taki zapis
i na przykład z wielkiej litery jeżeli będziemy chcieli to zamienić na jakąś inną
nazwę powiedzmy to możemy zachować wielkość liter czyli tak jak tam było okej
no i tutaj mamy jeszcze jeden przycisk aby zastąpić wszystkie czyli tutaj
działa to globalnie a więc w każdym pliku zostanie to zastąpione no i z tym polecałbym również
uważać ja przyznam szczerze że głównie z tej wyszukiwarki korzystam
po to aby coś znaleźć jak mam projekt w którym jest kilkaset plików to
dużo wygodniej mi się na tym projekcie pracuje jeżeli mogę szybko zerknąć gdzie wystąpienia
jakiegoś słowa się znajdują i oczywiście to czego będziesz szukał to już zależy
od twoich konkretnych potrzeb z tej wyszukiwarki możemy wyjść i przejść
do explorera na przykład za pomocą command shift i e no i
w zasadzie jeżeli chodzi o wyszukiwanie to tyle nie ma tutaj żadnej magii ale jest to panel z którego ja
osobiście bardzo często korzystam i polecam również popróbować bo
na pewno ten panel będzie do ciebie przydatny