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 zatrzymamy się na chwilę przy pliku git ignore który
tutaj już był i on mówi które pliki mają być wykluczone natomiast
pokażę ci jak można w łatwy sposób wygenerować sobie taki plik mamy
taką stronę jak git ignore io i tutaj mógłbyś sobie wpisać technologie
z których korzystasz na przykład node dodać coś takiego jeżeli korzystasz na przykład
z visual studio code z edytora możesz również to dodać jeżeli korzystamy
z php powiedzmy cakephp jakiegoś takiego frameworka
z laravela możemy sobie tutaj te technologie powybierać i wybrać create to nam utworzy
na bazie właśnie tych technologii taki plik git ignore który wyklucza
jak widzisz te foldery które na przykład we frameworku cakephp mogą być używane a
nie powinny być zapisywane do repozytorium wyklucza nam również pliki
które na przykład w edytorze vs code są używane i tak dalej więc to możemy zrobić ale
jest fajny dodatek który pozwala nam dokładnie taki plik wygenerować za pomocą
api git ignore io ale z poziomu edytora vs code więc zainstalujmy
go sobie git ignore powinno nam znaleźć
git ignore generator i tutaj trochę prywaty ja jestem autorem tego dodatku więc
dlatego go reklamuje ale uważam że jest on mimo wszystko przydatny uznało
tak ponad 30 000 osób więc pokażę ci że może również
przydać się tobie i jeśli sobie ten dodatek zainstalujemy i teraz z command palette
wybierzemy git ignore to możemy wybrać
tutaj generate git ignore file i jeżeli wykryje ten dodatek że
już plik git ignore istnieje to pyta nas czy chcemy go zaktualizować czy zastąpić
ja będę chciał ten plik zastąpić i tutaj ważne jest to że zastąpić możemy
zawsze natomiast aktualizować powinniśmy tylko plik który już
za pomocą tego rozszerzenia był wygenerowany więc w tym przypadku po prostu chcę go nadpisać
i teraz czyta się lista technologii i od razu zaznaczyło visual studio code tak
jak przed momentem zrobiłem na stronie wykryło również że jesteśmy na macu więc
jakieś specyficzne dla maca pliki które są ukryte czasem w katalogach a nie powinny
być repozytorium również tutaj nam wykluczy możemy dodatkowo dodać
sobie tutaj node bo wiemy że pracujemy z node zjeżdżamy strzałką
spacją zaznaczamy no i nie wiem czy jeszcze tutaj coś nam jest potrzebne gdybyśmy na
przykład korzystali z sass to możemy sass zaznaczyć i sass również
ma jakieś swoje pliki zapisane takie jak sass cache i to wszystko
nam tutaj powyklucza więc możesz sobie tutaj wyszukać rzeczy gdybyśmy korzystali
z frameworka laravel to też byśmy to zaznaczyli ale teraz nie będę tego robił no
i jak wciśniemy enter to taki plik zostanie wygenerowany jak widzisz tutaj się
pojawi co ważne w tym pliku poniżej komentarza który jest tutaj custom
rules wszystko co tutaj dodasz będzie zachowywane dlatego
że ten plik można zaktualizować i jeżeli teraz byśmy sobie zrobili znowu
generate file i wybrali update to nam pokaże już reguły które mieliśmy
wybrane i jak stwierdzimy że na przykład chcemy z sass zrezygnować bo tutaj
nie korzystamy wciskam enter ten plik się wygeneruje od nowa ale
z zachowaniem tego co byłoby wpisane w tym miejscu więc jeżeli coś tutaj dodamy to
tak też zostanie to tyle jeśli chodzi o mój dodatek polecam ci go użycie