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 krótko o najważniejszych domyślnych skrótach klawiaturowych ja
większość z nich sobie przemapowałem i pokażę ci w kolejnej lekcji jak można to zrobić ale
domyślnie jest kilka takich skrótów z których często się korzysta na przykład command
lub control b ukrywamy sidebar i jeżeli mamy jakiś plik otwarty mamy
więcej miejsca do pracy następnie command lub control shift f
to jest wyszukiwarka czyli ten panel w activity bar który ukryliśmy command
shift x to są ustawienia czy w zasadzie dodatki
extensions następnie mamy command shift e czyli powrót do explorera czyli
tutaj do plików mamy w przypadku maca tym razem control shift i
jest to g jest to przejście do source control ale nie przychodzimy do
tych może aż tak często abyś musiał zapamiętywać ich skróty ja preferuję
jednak korzystanie z klawiatury nie z myszki więc tak to wygląda następnie
mamy z domyślnie control i tylda to jest przejście do terminala
i teraz jeżeli naciśniemy to jeszcze raz to terminal zamkniemy ale tylko jeżeli
będziemy mieć aktywny ten terminal jeżeli bym był tutaj w tym pliku to
jeżeli nacisnę control tylda to wskoczymy do terminala i teraz jak możemy
z takiego poziomu przeskakiwać pomiędzy tymi panelami command
w przypadku maca i 0 jest to przejście do tego panelu
czyli do sidebara tutaj możemy się klawiaturą poruszać command 1 jest to przejście do edytora i
jeżeli bym chciał przejść do z powrotem do terminala to musiałbym nacisnąć control
i tyldę i teraz jestem w terminalu natomiast mamy również takie skróty
jak command 2 to nam otworzy kolejny edytor taki split
view więc możemy tutaj to zamknąć tutaj jesteśmy w tym edytorze
i jeżeli nacisnę command p to mogę tutaj wybrać jakiś inny plik możemy
w ten sposób pracować aby go zamknąć możemy to zrobić za pomocą command
lub control w jak zamykanie zakładki oczywiście większość z tych rzeczy
znajdziesz również tutaj czyli możesz zobaczyć jakie są ich skróty możesz dostosować
sobie również jak widzisz tutaj editor layout i
na przykład czy chcesz dwie kolumny 3 czy chcesz poerwsze i tak dalej
więc tak to wygląda no i jeden z najważniejszych skrótów jakie w ogóle mamy to jest command
lub control shift p czyli command palette tu możemy zrobić tak naprawdę
wszystko znaleźć wszystkie komendy które nie są również przypisane w żaden
sposób do skrótów klawiaturowych możemy tutaj zrobić bardzo bardzo wiele
rzeczy jeżeli ten tytuł chciałbym zamienić na wielkie litery command shift
p wpiszę sobie uppercase transfer to uppercase jak widzisz
możemy to zrobić tak że wszystko tam znajdziemy natomiast samo command p nam pozwoli
przejść do takiego explorera plików ale
gdybyśmy tutaj wpisali na przykład znak zapytania to możemy zobaczyć wszystko
co możemy tutaj wpisać a jeżeli byśmy wpisali taki znaczek to
będzie to to samo jak byśmy wpisali czy wcisnęli command shift p jeżeli
będziemy chcieli przejść do kolejnej do konkretnej linii bo na przykład zobaczymy że błąd jest w linii
27 to możemy to zrobić w ten sposób jak zatem widzisz
mamy kilka takich skrótów klawiaturowych jeszcze sobie przypomniałem o otwieraniu zamykaniu
sidebara z terminalem czy z innymi panelami które tutaj są bo
nie jest to dedykowane tylko dla terminala to jest command lub control j czyli
tak możemy je pokazywać tutaj command b ukrywam ten sidebar i w ten
sposób można wygodnie pracować jest kilka skrótów których jeśli się nauczysz to
będziesz dzięki temu bardzo szybko pracować ale część z nich możemy sobie przemapować
według naszych potrzeb i pokażę ci jak to zrobić w lekcji kolejnej