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 w jaki sposób zainstalować edytor code dla
systemu ubuntu linux na początek musimy się udać na stronę code visualstudio com
i pobrać odpowiednią paczkę ja mam system ubuntu dlatego tak
jak tutaj jest podpowiedziane pobiorę paczkę z rozszerzeniem deb natomiast dla
innych linuxów na przykład redhat czy fedora jak widzisz mamy rozszerzenie rpm
więc ja pobiorę sobie paczkę deb i tutaj za moment się pobieranie uruchomi
zapiszemy plik i po chwili przejdziemy już do instalacji następnie
klikamy dwukrotnie w instalator otworzy nam się ubuntu software i co
ważne w tym programie również mogłeś sobie wyszukać visual studio code i zainstalować
właśnie z poziomu tego software center natomiast ja pobrałem paczkę i zainstalujemy
to w ten sposób niemniej jednak na tym etapie instalacja jest taka sama klikamy install
i wpisujemy swoje hasło i musimy chwilę poczekać pojawi
nam się visual studio code również na pasku u dołu tak
też się stało więc możemy ten edytor teraz uruchomić i
tak wygląda ten edytor zaraz po uruchomieniu tym jak wygląda i jak działa zajmiemy
się później natomiast chciałbym ci tutaj pokazać jeszcze jedną rzecz otóż gdybyśmy sobie otworzyli
terminal to możemy z poziomu terminala korzystać
z polecenia code ono może być bardzo przydatne na przykład jeżeli bym sobie przeszedł
na pulpit utworzył tutaj poleceniem mk dir
katalog test to mogę wpisać code test i to
mi w eytorze w nowej jego instancji jak widzisz mamy nowe okno otworzy właśnie
ten folder możemy pojedyncze pliki otwierać i tak dalej więc ważne że jeżeli lubisz korzystać z
terminala możesz z tego z poziomu tego narzędzia uruchamiać edytor
code na koniec chciałbym ci pokazać
jeszcze jedną bardzo ważną rzecz otóż gdybyś chciał ten edytor odinstalować to zrobisz
to z poziomu software center ale gdybyś chciał wyczyścić wszystkie jego ustawienia
na przykład po to aby od nowa zainstalować code i mieć taką czystą instancję
to musisz również usunąć ustawienia które znajdują się na linuxa pod takim
adresem czyli tak naprawdę w terminalu należy przejść do katalogu domowego i tam
mamy katalog config i w środku jest katalog code który należałoby usunąć to
jeszcze jednak nie wszystko więc uruchommy sobie terminal i
pokażę ci jak musiałbyś to wszystko usunąć czyli teraz jesteśmy w katalogu domowym aby
do niego przejść gdybyś w nim nie był wystarczy wpisać cd bez żadnych parametrów i tutaj
musielibyśmy wpisać rm minus rf następnie config
code teraz
tego katalogu jeszcze chyba nie ma ale w ten sposób musielibyśmy ten katalog usunąć
drugi katalog który się tutaj znajduje też w katalogu domowym też byśmy go usunęli
w ten sam sposób to jest vs code czyli jeżeli usuniesz te dwa katalogi i
usuniesz samą aplikację to w 100% odinstalujesz visual studio code to zatem
tym tyle jeżeli chodzi o instalację w systemie ubuntu w kolejnych lekcjach przejdziemy już
do poznawania tego edytora