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 pokażę ci również świetną rzecz dostępną w vs code
a jest to multiple cursors czyli możemy korzystać z wielu kursorów
jednocześnie sprawa wygląda tak że powiedzmy chcielibyśmy zmienić
wszystkie te słowa var na powiedzmy let wystarczy że będziemy
na jednym takim słówku i naciśniemy command albo control d żeby je zaznaczyć
i teraz znowu command d zaznaczamy kolejne wystąpienia tego słówka i
jak już wszystkie zaznaczymy zauważ że mam kilka kursorów mogę
usunąć to co tutaj było i na przykład zmienić na let w ten sposób to będzie
wyglądać i za pomocą escape możemy wyjść jakby z tego trybu i wrócić
do pojedynczego kursora to jest jeden sposób drugi jest taki że możemy klikać
trzymając przycisk alt i wstawiać te kursory tylko w tym miejscu w którym chcemy
i dopiero wtedy coś zmieniać no i w zasadzie jeszcze
jest jeden sposób a w zasadzie taki trik jak możemy pewien
problem pominąć chciałem ci pokazać tutaj niżej powiedzmy mamy zmienną container
którą tutaj logujemy i również tutaj skorzystaliśmy ze słowa container chcielibyśmy
zmienić nazwę zmiennej więc jeżeli zmienimy ją tutaj to również tutaj musimy to zrobić i
kłopot jest taki że jeżeli tutaj będę i nacisnę command d żeby zaznaczyć to
słowo i nacisnę go po raz kolejny to zostało zaznaczone również to słowo
jeżeli nacisnę po raz kolejny to zmieni się tutaj no i jeżeli bym to zmienił na przykład
na con to wiemy że nazwa zmiennej się zmieniła ale również zmieniliśmy selektor jakiego
wyszukujemy na stronie i to nam przestanie działać więc co jeżeli chcemy zaznaczyć
tylko te dwa wystąpienia pominąć to które jest na środku naciskam command d
i zostało zaznaczone pierwsze słowo teraz naciskam command d k żeby
pominąć drugie i znowu command d w ten sposób jak widzisz zaznaczyliśmy
tylko te dwa dlatego że drugie wystąpienie pominęliśmy dzięki temu
mogę zmienić nazwę na przykład na con a to słowo tutaj nie zostało
w żaden sposób zmienione jak zatem widzisz multiple cursors
czyli wiele kursorów może być bardzo przydatne wystarczy zaznaczyć
jedno słowo i naciskać comman lub control d będziemy zaznaczać kolejne
za pomocą escape możemy z takiego trybu wyskoczyć