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 w systemie windows możemy zmienić
domyślny shell czyli powłokę która jest uruchamiana razem z naszym terminalem na
macu zakładam że nie musisz tego zmieniać wprost w vs code bo jaki terminal będziesz
miał ustawiony w systemie taki będzie się otwierał również w
vs code natomiast na windowsie sprawa wygląda troszeczkę inaczej domyślnym
takim wierszem poleceń w windowsie jak wpiszemy cmd jest command
prompt czyli taki oto wiersz poleceń natomiast jeżeli tutaj sobie otworzymy terminal
to domyślnie wczyta nam się powershell to jest taka
druga powłoka która również jest w windowsie i w zasadzie to jest w porządku ale
jeżeli chciałbyś ją zmienić na cmd czyli na zwykły wiersz poleceń to pokażę ci teraz
jak można to zrobić jest na to kilka sposobów i tak naprawdę one
wszystkie wiążą się z tym że to ląduje ostatecznie w naszym jsonie z ustawieniami
ale możemy sobie tutaj kliknąć i zmienić to w
ten sposób czyli select default shell i tutaj możemy
wybrać takie jakie są dostępne w systemie czyli domyślnie był powershell możemy
wybrać command prompt i teraz jeżeli zamkniemy terminal i uruchomimy
od nowa okej ten terminal musielibyśmy zabić
czyli zrobić to za pomocą tego kosza uruchomimy od nowa zauważ że teraz
już nie ma powershell mamy tutaj uruchomiony cmd jeżeli natomiast w windowsie
zainstalowałeś sobie gita razem z taką powłoką bashową która przypomina
uniksowe systemy jak mac os czy linux to również możesz ją tutaj ustawić
zmienimy to w ten sposób i tutaj ustawię git bash znowu
sobie ten terminal nie tylko zamkniemy ale wyłączmy całkowicie ten proces
zabijemy ten proces i jak jeszcze raz utworzę terminal zauważ że teraz już
jesteśmy w tej powłoce bashowej która razem z gitem została zainstalowana przejdźmy
sobie teraz do ustawień i
zauważ że tutaj w ustawieniach nam się to pojawiło czyli terminal integrated shell
windows i tu jest ścieżka po prostu do pliku exe którą mógłbyś wpisać sam ale jeżeli
jej nie znasz to właśnie można ją tutaj wybrać tak jak to zrobiliśmy i
od teraz zawsze będzie się taki terminal otwierał oczywiście będziemy
lądować w tym katalogu który jest katalogiem głównym otwartym tutaj
w edytorze w naszym projekcie