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+
Pokażę ci jeszcze jeden świetny dodatek z którego cały czas korzystam a jest
to project manager i on pozwala
nam przeskakiwać szybko pomiędzy kilkoma projektami więc jak pracujesz długoterminowo
nad kilkoma aplikacjami i chciałbyś pomiędzy nimi móc się szybko przemieszczać
to ten dodatek jest dla ciebie świetny mamy twoje otwarty html5
boilerplate który mieliśmy już wcześniej i jeżeli teraz z command palette wpiszę project
manager to mogę wybrać save project podamy mu nazwę html5
boilerplate i on został zapisany teraz będę chciał sobie otworzyć inny
projekt czyli wybierzemy open i z
pulpitu otworzę sobie project 2 jest to kopia po prostu tego folderu html5 boilerplate
okej mamy
teraz drugi projekt i znowu jeśli wybiorę sobie save project mogę go nazwać project
2 i możemy zrobić jeszcze to samo z trzecim desktop
project 3 i
zróbmy tak samo save project nazwiemy go project 3 teraz jeżeli byśmy
sobie tutaj wpisali project manager żeby zobaczyć jakie mamy opcje
to zauważ że mamy coś takiego list projects to open i skrót na
macu jest to alt shift p ten skrót oczywiście można zmienić pamiętaj że gdybyśmy
przeszli do keyboard shortcuts to tutaj możemy wyszukać project
manager i oczywiście dostosować sobie te skróty więc ja nacisnę teraz
ten skrót i zauważ że mamy tutaj dwa projekty dlaczego dwa bo
mamy otwarty projekt trzeci więc ten dodatek wie że nie ma sensu sugerować nam go
do otwarcia ale mogę przeskoczyć do html5 boilerplate oczywiście tamten
projekt jest w całości zamykany więc wszystkie na przykład otwarte terminale też
zostaną mówiąc brzydko ubite warto o tym wiedzieć że to nie otwiera nowego okna
chociaż można byłoby również tak zrobić i tutaj mamy project 3
możemy szybko pomiędzy nimi przeskakiwać także polecam ci ten dodatek gdybyś
chciał jakiś projekt usunąć to oczywiście możesz wpisać project manager i tutaj znajdziemy
na pewno coś co pozwoli nam usunąć taki projekt tutaj
gdzieś będzie edit po prostu jak widzisz mamy tutaj edit projects
i one się znajdują w tym miejscu więc wystarczy usunąć taki klucz z jsona
i ten projekt zostanie usunięty