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+
Chcę ci pokazać jeszcze jeden ciekawy dodatek który nazywa się toggle
i on pozwala nam przestawiać dowolne ustawienia
w vs code co to oznacza że możemy coś włączyć i wyłączyć za pomocą skrótu
klawiaturowego pokażę ci zaraz jakie może być praktyczne zastosowanie tego dodatku
już sobie go zainstalowaliśmy i teraz jeśli bym przyszedł do dowolnego pliku to
czasami mam tak że lubię sobie te linie wyłączyć czyli tą numerację po
to żeby mieć bardziej minimalistyczny wygląd ja wszystko prawie co mogę
to sobie wyłączam w tym edytorze i teraz mógłbym to wyłączyć z użyciem
ustawień jeżeli byśmy sobie tutaj wyszukali line numbers coś
takiego jak widzisz możemy to zmienić na off i jak
wrócimy do pliku to ich nie ma ale chciałbym czasami móc szybko przeskoczyć
z powrotem do tego ustawienia po to aby zobaczyć co się dzieje w której linii czyli na
przykład widzę że w konsoli w przeglądarce mam błąd linii 50 chciałbym zobaczyć
gdzie ta linia 50 tutaj jest więc nie będę chciał tego ustawienia
zmieniać tutaj na sztywno ale zainstalowaliśmy właśnie dodatek który pozwoli nam to
tak jak jest tutaj pokazane odpowiednio skonfigurować i pokazuje pokażę ci
jak to można zrobić przejdziemy do command palette i do keyboard i będę
chciał otworzyć sobie keyboard shortcuts json czyli
to jest nasz json któremu ustawialiśmy wcześniej inne rzeczy i będę chciał dodać
nowy klucz i ja sobie to ustawię na taki oto key czyli
klucz a więc klucz to jest nazwa to jest key
a przyciski jakie chcę wciskać to będzie command shift
l jak lines żebym o tym pamiętał i
chcę na wciśnięcie tych przycisków wykonać komendę która
została zainstalowana wraz z dodatkiem która nazywa się toggle ale ta komenda potrzebuje
odpowiednich argumentów jeszcze najpierw zrobimy when czyli chcę żeby to było
działające czy aktywne na tych przyciskach wyłącznie wtedy kiedy editor text
focus czyli tylko wtedy nie na przykład jak jesteśmy w terminalu
ale kiedy jesteśmy w edytorze i następnie będę chciał podać
tutaj argumenty więc podam args i to są argumenty
jakby dla tej funkcji toggle żeby ona wiedziała co ona ma zmienić trzeba
podać jakieś id więc możemy to nazwać dowolnie na przykład line numbers
i następnie value a wartość
którą chcemy tutaj podać to jest tablica gdzie będziemy mieli dwa stany to co ma być w stawione
do ustawień i z ustawień usunięte pierwszy obiekt to będzie editor
line numbers i to już musi korespondować dokładnie z tym
co możemy znaleźć w ustawieniach a więc jakie ustawienie chcemy włączyć i
na jaką wartość na on natomiast jak
drugi raz skorzystamy z tego
toggle to będziemy chcieli to przestawić na off sformatujmy
to sobie tutaj jeszcze okej czyli mam nadzieję że to jest jasne na command
shift l uruchamiamy komendę toggle która jest z tego dodatku zainstalowana przekazujemy
jej tutaj value czyli wartość co ma wstawić do ustawień jeżeli
raz naciśniemy drugi raz co ma wstawić do ustawień czyli co ma po prostu zmienić
okej zapisuje i sprawdźmy czy ma szansę to zadziałać nacisnę command
shift l i jak widzisz zniknęły nam linijki
czyli numeracja linii drugi raz nam się pojawiają jak widzisz za pomocą tego
dodatku możesz sprawić że dowolne ustawienie będziesz mógł
włączać i wyłączać i jest to naprawdę bardzo przydatne więc polecam ci abyś się
zastanowił co chciałbyś móc tak szybko włączać i wyłączać i sobie to po
prostu skonfigurował