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 zainstalować edytor code dla systemu mac
os na początek musimy udać się na stronę code.visualstudio.com i
tutaj powita nas przycisk download for mac więc klikniemy poczekamy kilka
sekund aż pobieranie się rozpocznie pobiorę sobie na pulpit i
za moment będziemy mogli uruchomić instalator rozpakujemy paczkę zip
która tutaj została pobrana i
mamy instalator a tak naprawdę nawet nie jest to instalator jest to gotowa aplikacja którą należy
przeciągnąć do folderu applications a więc tutaj przeciągam
i upuszczam i teraz będziemy mogli ten program uruchomić natomiast
może nam się tutaj pojawić właśnie takie ostrzeżenie jeżeli klikniemy okej to
nie wystarczy ten program nam się nie uruchomi bo jest jakby nierozpoznany ten
deweloper przez system operacyjny dlatego musimy przejść sobie do system
preferences czyli do preferencji i tutaj do security and privacy w języku polskim
również to znajdziesz będzie troszeczkę inaczej nazywane i tutaj mamy właśnie
taki komunikat że ostatnio nie udało nam się otworzyć visual studio code więc klikamy
open anyway i tutaj klikamy open i więcej już nie będziemy musieli tego robić
edytor został zainstalowany i wygląda dokładnie w taki sposób jego konfiguracją
zajmiemy się natomiast później chciałbym ci jeszcze pokazać jedną rzecz otóż jeżeli
dużo korzystasz z terminala tak jak ja to jest na przykład item 2 to być
może będziesz chciał z poziomu terminala używać polecenia code którym będziesz mógł otwierać
właśnie ten edytor i jak widzisz to polecenie code u mnie już
jest dostępne natomiast gdyby u ciebie nie było to możemy tutaj w tym edytorze
nacisnąć command shift p tak jest na macu i wpisać install
tutaj gdzieś powinniśmy znaleźć odpowiednią komendę za moment ją
znajdę okej jest tutaj shell command install code
command in path jeżeli u ciebie właśnie code nie działało by w terminalu to
zrób coś takiego czyli tutaj naciśnij enter dzięki temu będziemy mogli sobie
w terminalu przejść na przykład na pulpit utworzyć katalog
poprzez mk dir powiedzmy test i poleceniem code ten
katalog otworzyć podobnie będziesz mógł otwierać pojedyncze pliki i tak dalej jak
widzisz nowa instancja edytora code została otwarta właśnie z tym folderem tutaj
na koniec chciałbym ci pokazać jeszcze jedną ważną rzecz gdybyś z jakiegoś
powodu chciał usunąć edytor vs code ze swojego systemu na przykład po to aby zainstalować
go od nowa na czysto to oprócz tego że ten edytor musisz oczywiście jak
każdą aplikację na macu przeciągnąć do kosza i opróżnić kosz to jeszcze będziesz musiał
usunąć ustawienia jeżeli chciałbyś się pozbyć absolutnie wszystkiego i na macu te ustawienia
znajdują się w folderze domowym pod library application support code i
tak dalej czyli tak naprawdę gdybyśmy sobie skopiowali ten fragment i
przejdziemy do terminala i wpiszemy cd tutaj w cudzysłowach mamy coś takiego to
w tym katalogu będzie znajdował się katalog code i wtedy należałoby wpisać rm
żeby usunąć minus rf i następnie code wtedy usunęlibyśmy
cały ten katalog drugie miejsce gdzie jeszcze będą ustawienia to jest
w katalogu domowym czyli tutaj będzie się tutaj znajdował folder który również
należałoby usunąć poprzez rm minus rf i on jest nazywany
kropka vs code więc pamiętaj że jeżeli chciałbyś wszystko wyczyścić to te dwa foldery
należy usunąć oraz usunąć samą aplikację vs code to
zatem tyle jeśli chodzi o instalację vs code na macu