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+
Teraz pokażę ci jeszcze jeden dodatek który pozwoli nam wygodnie pracować
w laravel z komendą artisan jeżeli byśmy normalnie przeszli do terminala
to mamy tutaj coś takiego jak php artisan czyli gdybym chciał na przykład utworzyć nowy
model to wpisuje php artisan make model i na
przykład person w ten sposób teraz od razu mogę przejść do person taki
model został utworzony ale możemy w ogóle bez wchodzenia do terminala korzystać
z komend artisan więc wyszukajmy sobie dodatku laravel artisan
i to będzie ten dodatek
możemy go zainstalować i teraz będziemy mieli w command palette coś
takiego jak artisan i zauważ że mamy tutaj
mnóstwo różnych komend więc możemy szybko wpisać na przykład artisan make model
tutaj będziemy musieli podać jego nazwę na przykład niech
to będzie dog tutaj jest pytanie czy chcemy
mieć taką migrację od razu stworzoną zazwyczaj chcemy natomiast teraz nie
musimy tego robić wybierzemy no czy chcemy fabrykę też
nie i czy chcemy kontroler też nie w każdym razie szybko
też to utworzyliśmy oczywiście na kilka dodatkowych pytań musieliśmy odpowiedzieć możemy
taraz stworzyć na przykład migrację wpisując artisan migration jak
widzisz artisan migrate to nam wykona migrację ale mo ale możemy stworzyć migracje nawet nie musimy
tego dokładnie wpisywać czyli jak najkrócej jak najszybciej aby
zrobić to wygodnie i sprawnie więc make migration musimy
tutaj podać nazwę na przykład niech to będzie create dogs table
pytanie czy ta migracja utworzy tabelę tak nazwa
tabeli to będzie dog okej i jak sobie teraz przejdziemy do create
dogs table to jak widzisz mamy taką gotową migracje no i oczywiście
tutaj jest jeszcze więcej komend artisanowych w zasadzie wszystkie
które są dostępne więc polecam ci również z tego dodatku korzystać
według mnie można dzięki niemu zazwyczaj szybciej coś zrobić czy
wygenerować niż przechodząc do terminala ale to już kwestia twoich preferencji