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 jak zainstalować fonty w trzech różnych systemach
operacyjnych i zaczniemy od windowsa na githubie znalazłem sobie font fira
code z ligatures ten który pokazywałem ci w lekcji poprzedniej i teraz wystarczy że
tutaj przejdziemy do releases i znajdziemy przycisk
do pobrania tego fontu mamy różne wersje i wystarczy pobrać tutaj fira code 2
ja już to zrobiłem i mam tutaj ten zip więc
po prostu go wypakuję może być do tego katalogu okej
i jak widzisz mamy tutaj różne formaty dla windowsa wystarczy nam format
ttf wystarczy wszystkie te fonty które tutaj są zaznaczyć kliknąć
prawym przyciskiem i wybrać install i wszystkie te fonty zostaną dla nas zainstalowane
i po chwili będziemy również mogli to podejrzeć przechodząc tutaj
w windowsie do font i tutaj wyszukamy sobie
fira i jak widzisz mamy fira code i teraz bardzo ważne jest to
że jeżeli tutaj widzisz nazwę fira spacja code to dokładnie
taką samą nazwę podaj w ustawieniach edytora vs code czyli będziemy ją musieli
podać w cudzysłowach tak jak widziałeś w lekcji poprzedniej i nieważne jak nazywały
się pliki zawsze po instalacji fontu zobacz jak on nazywa się tutaj a więc
tyle jeżeli chodzi o windows na macu instalacja fontów jest bardzo prosta
rozpakujemy sobie pobraną wcześniej paczkę z fira code 2 tutaj
będziemy mieli różne formaty wystarczy ttf i teraz
trzeba przejść do font book to jest taka aplikacja jak widzisz znajdziesz ją po prostu aplikacjach
i następnie wszystkie te fonty możemy łącznie zaznaczyć
i wszystkie wspólnie przeciągnąć tutaj i pojawi nam się tutaj
za moment fira code jak widzisz i teraz bardzo istotne jest tylko to aby w ustawieniach
edytora vs code podać właśnie taką nazwę fira spacja code czyli
ująć ją po prostu w cudzysłowach tam gdzie będziemy ustawiali font family instalacja
fontów w ubuntu jest bardzo prosta mamy tutaj paczkę którą pobrałem wystarczy
że przejdziemy do katalogu ttf i wypakujemy sobie wszystkie pliki
które się tutaj znajdują i teraz są dwie możliwości jak je zainstalować pierwszy
to jest to utworzenie katalogu kropka fonts w swoim katalogu domowym i
przekopiowanie ich tam lub możemy je zainstalować również tutaj globalnie ale
wtedy trzeba każdy z tych plików osobno kliknąć i wybrać install w
ten oto sposób więc jeżeli mamy tutaj kilka tych
wariantów to może to chwilę potrwać nie mniej jednak tak należy to zrobić i
zainstalowałem wszystkie i na koniec bardzo ważna uwaga w ustawieniach font family
w vs code musisz podać nazwę taką jak jest tutaj czyli fira spacja
code a zatem należy tak jak ja pokazałem lekcji poprzedniej podać to w
cudzysłowach czyli w zasadzie w apostrofach bo cały string jest już w cudzysłowach
czyli nie sugeruj się nazwami plików ale nazwą jaka wyświetla się tutaj w
tym miejscu to zatem tyle mam nadzieję że uda ci się wybrać i ustawić
ciekawe font