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+
Instalacja edytora vs code jest bardzo prosta niemniej jednak pokażę ci
jak to zrobić gdybyś miał jakieś wątpliwości na początek musimy pobrać sobie paczkę instalacyjną
ze strony code visual studio com klikając tutaj i po kilku sekundach rozpocznie
się tutaj pobieranie więc poczekamy sobie chwilkę i następnie wystarczy
że klikniemy dwukrotnie tutaj w ten instalator będzie to standardowa instalacja
i tylko na jedną rzecz będę chciał zwrócić twoją uwagę tutaj wybierzemy sobie oczywiście
że akceptujemy next a tutaj również możemy utworzyć sobie
ikonę na pulpicie i ważna opcja którą chciałbym abyś zaznaczył to jest add to path
i tutaj to już jest nieistotny ten komunikat to dodałem do
zmiennych środowiskowych takie polecenie code z którego będziemy mogli korzystać co
za moment ci pokażę i teraz wystarczy kliknąć install i chwilkę poczekać
instalacja się zakończyła możemy tutaj zostawić launch visual
studio code bo chciałem ci pokazać jak wygląda ten edytor tuż po instalacji
dokładnie tak wygląda tym co tutaj jest zajmiemy się dopiero w kolejnych lekcjach
nie mniej jednak poprzez zaznaczenie opcji aby zostało to
dodane do zmiennych środowiskowych do ścieżki będziemy mogli teraz po przejściu sobie
do terminala czyli jeżeli bym wcisnął znaczek windows i r na klawiaturze
wpisał cmd czyli przejdziemy do wiersza poleceń być
może korzystasz właśnie z takiego okienka lub z jakichś nakładki na niego to
tutaj jeżeli byśmy sobie przeszli sobie na przykład do desktop czyli do katalogu
w którym mamy pulpit i utworzę jakiś katalog przez mkdir test
zobaczysz że na pulpicie nam się pojawi takie katalog i i teraz jeżeli właśnie taki katalog chciałbym
otworzyć w edytorze visual studio code to poprzez dodanie tego
polecenia do path przy instalacji możemy skorzystać z polecenia code i
następnie podać na przykład nazwę tego folderu to mógłby być również plik i
tak dalej to polecenie code może być również używane z różnymi opcjami co
pozwala na różne operacje natomiast samo takie użycie pozwoli nam
otworzyć jak widzisz ten właśnie folder w edytorze code więc jeżeli dużo
korzystasz z terminala i chciałbyś właśnie z poziomu tego narzędzia otwierać edytor visual
studio code to już wiesz jak to zrobić na koniec jeszcze jedna ważna uwaga
gdybyś z jakiegoś powodu chciał usunąć edytor vs code i wszystkie ustawienia na
przykład po to aby zainstalować go na czysto od nowa to oprócz standardowego odinstalowania
poprzez dodaj usuń programy musimy również usunąć katalog code który
znajduje się właśnie pod taką ścieżką więc jeżeli byśmy sobie skopiowali tutaj ten
fragment i znowu znaczek
windows i r na klawiaturze i tutaj byśmy to wkleili to
możemy przejść do takiego katalogu i zauważ że tutaj znajduje się katalog code który należałoby
po prostu usunąć to zatem tyle jeżeli chodzi o instalację w windowsie
w kolejnych lekcjach pokażę jak zrobić to w innych systemach