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+
Kolejne rozszerzenie które chciałbym ci przedstawić przejdziemy do panelu extensions
nazywa się file utils znajdziemy je to
jest to ale jeszcze wrócę do explorera zanim je zainstaluję to ci pokażę jaki mamy problem na
przykład jak chcemy utworzyć nowy plik to wiemy jak to zrobić jak chcemy usunąć
plik to też jak plik chcemy przenieść to wystarczy go przeciągnąć i upuścić
gdzieś indziej i ten plik tam powinien zostać przeniesiony okej tutaj chyba mi
się coś nie udało jak widzisz tutaj nas o to pyta możemy zaznaczyć aby nie pytało
ponownie lub możesz też co ciekawe w ustawieniach czyli w settings znaleźć
odpowiednie ustawienie tam po prostu wyszukaj move i możesz
to wyłączyć globalnie więc anulowałem ale brakuje nam tutaj takich rzeczy jak
na przykład duplikowanie pliku i tak dalej jego nazwę możemy zmienić ale brakuje
nam takich innych możliwości albo na przykład jeżeli miałbym otwarty taki
plik i chciałbym nie dotykając myszki z command palette znaleźć
coś takiego jak rename czyli zmienić ten plik to zauważ że nie mamy mamy rename symbol
i terminal rename nie mogę tego pliku zmienić czyli zmienić
jego nazwą ani go zduplikować w żaden sposób dlatego zainstalujemy sobie takie rozszerzenie jak
file utils i zostało zainstalowane i uruchomione i teraz jeżeli
przejdę do takiego pliku zauważ że pojawiła się opcja na przykład duplicate
ale co ciekawe i co ja robię cały czas można to robić również z poziomu
command palette więc tak naprawdę można byłoby to przypisać do skrótów klawiaturowych ja
mnóstwa skrótów nie jestem w stanie spamiętać i nie używam ich aż tak często więc
z części rzeczy po prostu korzystam z command palette i teraz jeśli wpiszemy sobie rename
zauważ że mamy file rename i możemy zmienić jego nazwę na przykład
na plugins 2 powiedzmy i ta nazwa została zmieniona mogę
zmienić z powrotem na plugins i tak to wygląda mogę sobie zrobić duplicate i
znowu to jest file duplicate podamy nową nazwę na
przykład plugins 3 mamy taki plik zduplikowany chcę go usunąć wpisuje po prostu
delete i tutaj znajdziemy file delete i taki plik
mogę usunąć pyta czy na pewno tak i taki plik został
usunięty więc znowu niewielkie rozszerzenie ale rozszerzenie które po pierwsze dodaje
nam tutaj po prawym przyciskiem pewne możliwości a po drugie i
co dla mnie jest najważniejsze pod command palette dodaje nam opcję z której można bardzo
szybko skorzystać nie odrywając rąk od klawiatury