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+
Pozostajemy wciąż w tematyce skrótów klawiaturowych i
w tej lekcji będę chciał ci pokazać w jaki sposób możemy poruszać się
po kodzie czyli na przykład zaznaczać linie wycinać je i tak dalej przede
wszystkim jest jedna rzecz którą chciałbym ci pokazać jak wyłączyć bo ona mnie irytuje na przykład
jeżeli zaznaczymy sobie tekst i będę chciał go przyciągnąć to zauważ że można tą
linię upuścić gdzie indziej i mi zdarza się przypadkiem zrobić coś takiego kiedy
myszką chcę coś zaznaczyć szczególnie na trackpadzie więc
jeżeli nie chcesz również aby takie zachowanie miało miejsce to przyjdziemy sobie do ustawień
czyli command lub control przecinek i wpiszmy tutaj drag
i mamy coś takiego jak drag and drop i teraz
wystarczy że zmienimy to na false i już nie powinno być takiego
zachowania jak widzisz teraz nawet jeżeli próbuję przeciągnąć taką linię nic się nie
dzieje na początek chcę ci pokazać kilka prostych takich skrótów
na przykład nie wiem czy wiesz ale możemy wyciąć całą linię nie zaznaczając
całej linii bo zaznaczyć całą linię moglibyśmy na macu command
shift i strzałkę w lewo w ten
sposób natomiast możemy również pojedyncze znaki zaznaczać tak jak w każdym edytorze tekstu
za pomocą shifta i strzałek ale jeżeli całą linię chcemy wyciąć
wystarczy nacisnąć command albo control x nieważne w którym miejscu tej linii
nasz kursor był i możemy ją wkleić w dowolnym innym miejscu więc w ten sposób to
wygląda podobnie jest z kopiowaniem oczywiście wstecz to jest czyli
cofnę to w niej jest command z lub control z z kopiowaniem będzie dokładnie tak samo aby
zaznaczyć całą linię naciśniemy sobie command l lub control
l wtedy zaznaczy nam się cała taka linia moglibyśmy ją wyciąć ale jak wiesz
możemy wycinać również bez zaznaczenia tej linii więc możemy ją zaznaczyć i na przykład usunąć
ale jest również inny sposób na to aby usunąć całą linię wystarczy
że będziemy w dowolnym miejscu tej linijki i wciśniemy command shift k i
ta linia nam znika na windowsie to powinno być control shift k ale gdyby było inaczej zawsze
możesz przejść sobie do keyboard shortcuts i wyszukać tak jak ja tutaj delete line
i wtedy upewnić się jaki jest to skrót klawiaturowy warto sobie te
skróty zapamiętać naprawdę one później ułatwiają pracę teraz jak stworzyć
nową linię jak przejść do nowej linii będąc w dowolnym miejscu standardowo musielibyśmy
przejść na koniec tej linii czyli zrobić to w ten sposób i dopiero później enter
natomiast będąc w dowolnym miejscu jeżeli chcę utworzyć poniżej nową linie gdybym wcisnął enter
wiadomo podzielimy tę linię ale jeżeli wcisnę command albo control enter utworzę
nową linię poniżej jeżeli wcisnę command shift enter utworzę nową
linię powyżej będąc w dowolnym miejscu tej linii linie
możemy też przenosić co ciekawe i jeżeli teraz bym sobie nacisnął alt i strzałkę
w dół to całą linię mogę przenosić to jest również świetna rzecz szczególnie
właśnie wtedy kiedy mam jakiś warunek tak jakbym miał tutaj powiedzmy console.log i
chciałbym go wykonać warunkowo tylko wtedy jeżeli jest jakiś if to mogę
sobie stworzyć takiego ifa if true powiedzmy i zjeżdżam sobie
niżej przytrzymuję alt i strzałką do góry z tą linią wjeżdżam tutaj można
to tak zrobić teraz bym chciał usunąć 3 te linijki to shiftem i strzałką
do góry zaznaczę 3 takie linie i oczywiście za pomocą backspace mogę je usunąć
jeżeli chodzi o wcięcia to możemy to robić za pomocą command albo
control i nawias kwadratowy w tę stronę będziemy szli
a drugi nawias obok będziemy szli w drugą stronę oczywiście jeżeli z shiftem bym zaznaczył sobie
większy blok kodu to mogę całość przesuwać i to również jest spójne w innych
edytorach tekstowych na koniec pokażę ci jeszcze jedną bardzo przydatną
rzecz wyszukamy sobie może w key bindings coś takiego jak undo
zobaczmy jest to command u u mnie powinno to być control u
w windowsie i to jest bardzo przydatne jeżeli z jakiegoś powodu przeskoczymy
nie tam gdzie chcieliśmy czyli na przykład chciałem tutaj przeskoczyć do końca linii ale przez przypadek przeskoczyłem
na sam koniec tego pliku no i teraz wydaje się że albo strzałką trzeba wracać tam
gdzie byliśmy albo myszką kliknąć co już nam zajmuje czas więc jeszcze raz sobie to powtórzmy
wyobraź sobie że jestem tutaj chciałem przeskoczyć w ten sposób do końca linii ale
przez pomyłkę nacisnąłem zamiast u mnie command i strzałkę w bok to nacisnąłem command
strzałka w dół i teraz chce wrócić do miejsca w którym byłem wystarczy nacisnąć command
u żeby zrobić undo i to nie cofa nam zmian które wprowadziliśmy
ale cofa nam kursor do ostatniej pozycji możemy to zrobić kilkukrotnie oczywiście
ale jest to bardzo wygodne bardzo często kiedy przez pomyłkę przeskoczę nie tam gdzie
chciałem to z tego korzystam czyli jeżeli przeskoczę na koniec pliku może być bardzo długi
plik command u i wracam do miejsca w którym byłem wcześniej to
tyle jeżeli chodzi o takie podstawowe triki z których możesz tutaj korzystać
mam nadzieję że zapamiętasz sobie te skróty przećwiczysz i naprawdę polecam
sobie to na tyle wyćwiczyć aby to weszło w pamięć taką można powiedzieć
mięśniową żebyś nie musiał nawet o tym myśleć tylko korzystał z tych skrótów
aby poprawić swoją wydajność