Visual Studio Code: Panel ustawień

1.42+

0:00Edytor vs code tuż po otwarciu po instalacji może nie wygląda zbyt

0:04zachęcająco ale zapewniam cię że z pomocą ustawień i rozszerzeń zmienimy

0:09ten edytor nie do poznania niemniej jednak nie tylko wygląd tego edytora można skonfigurować

0:13ale także jego zachowanie spójrz na przykład jeżeli byśmy sobie kliknęli

0:17jednokrotnie na taki plik 404 html wczyta nam się jego podgląd jeżeli

0:22kliknę na inny poprzedni podgląd jest zastępowany plik nie jest otwierany

0:26takie zachowania możemy zmienić możemy ustawić tak że jeżeli raz klikniemy

0:30na jakiś plik to będzie on od razu tutaj otwierany natomiast

0:35żeby to zrobić należy po pierwsze przejść do ustawień i chcę ci pokazać gdzie można je

0:39znaleźć na macu możemy tutaj kliknąć code preferences i settings

0:43lub skorzystać ze skrótu command przecinek który jest standardem i praktycznie

0:47w każdej aplikacji tak przechodzimy do ustawień w windowsie tutaj przeszedłbyś

0:51do file preferences i settings lub skorzystałbyś ze skrótu control

0:56przecinek natomiast możemy tam wejść jeszcze inaczej i polecam ci żebyś

1:01się zaprzyjaźnił z tym skrótem na macu command shift p czyli command palette na

1:06windowsie control shift p jest to ten command palette czy w ogóle ten

1:10panel z którego ja bardzo często korzystam i aby być wydajnym w edytorze polecam

1:15ci do niego się przyzwyczaić u mnie jest to command shift p tutaj

1:19możemy wpisywać dowolne rzeczy i znaleźć dowolną komendę czyli

1:23zauważ że mamy na przykład taką komendę jak change language mode i ona ma po prawej stronie

1:28przypisany skrót klawiaturowy natomiast ja szczerze mówiąc nawet tego

1:32skrótu nie znam chociaż korzystam z bardzo wielu skrótów i kiedy potrzebuje zmienić tryb

1:36języka danego pliku na przykład edytor otworzy mi jakiś pliki nie

1:40zna jego rozszerzenia myśli że jest to plik tekstowy a chciałbym mu ustawić że

1:44jest to plik w języku html po to aby była odpowiednio składnia kolorowana to

1:48wchodzę sobie właśnie tutaj change language mode i robię to w ten sposób wchodzę i wpisuje po

1:53prostu language wciskam enter także tak czy siak warto ten skrót

1:57command shift p sobie przyswoić żeby szybko tutaj wchodzić i stąd możesz zrobić wszystkie

2:01rzeczy nawet te które nie mają skrótu klawiaturowego i właśnie stąd możemy

2:05również przejść do ustawień wpisując preferences user nawet nie muszę

2:09tego dokładnie wpisywać bo mamy tutaj tak zwany fuzzy search jak widzisz open

2:13user settings nam znalazło i tak właśnie wyglądają te ustawienia command w

2:18lub control w na windowsie można zamknąć każdą zakładkę mogę

2:22jeszcze raz tutaj przejść pokazując ci że command i przecinek również

2:26zadziała domyślne ustawienia w edytorze vs code wyglądają tak

2:31czyli są przyjazne użytkownikowi więc mamy tutaj jakiś z którego można

2:35wszystko sobie wyklikać mamy również podział na grupy różnych ustawień

2:39możemy tutaj wyszukiwać na przykład font i wszystko sobie pozmieniać natomiast

2:43ważne abyś wiedział że jest jeszcze drugi alternatywny sposób wyświetlania

2:47tych ustawień jest to wyświetlanie ich za pomocą jsona więc jeżeli

2:51byśmy sobie tutaj wyszukali na przykład settings ui powinno nam

2:55to znaleźć jest to tutaj to mogę zmienić że chciałbym ustawienia nie jako

2:59ui wyświetlać ale jako json i to wszystko jest automatycznie

3:03zapisywane jeżeli teraz zamknę te ustawienia przejdę tam za pomocą command przecinek raz

3:07jeszcze zauważ że teraz nasze ustawienia będą wyglądać w następujący sposób czyli będą

3:13one wpisane po prostu w jsonie no i może się wydawać że to jest dużo mniej

3:17intuicyjne bo trudniej tutaj jest cokolwiek znaleźć i teoretycznie

3:21tak jest chociaż mamy tutaj bardzo dużo podpowiedzi na przykład gdybym to usunął to

3:25tutaj nam powinien jak widzisz vs code podpowiedzieć że możemy to zmienić na ui i

3:29możemy zapisać więc jeżeli teraz wrócę do ustawień ponownie

3:34będzie tutaj u to już zalezy od ciebie jak będziesz chciał to konfigurować

3:38ja preferuję json ale jeszcze z jedną opcją mianowicie wyszukajmy sobie

3:42tutaj split i mamy tutaj coś takiego workbench settings

3:47use split json jeżeli to zaznaczę oraz z powrotem wrócimy do settings

3:51i zmienimy sobie tutaj na json i wejdę w ustawienia to

3:56będziemy teraz mieli taki podzielony ekran który pokaże nam wszystkie dostępne ustawienia

4:00również tak pogrupowane oraz nasze aktualne i tutaj znowu mogę

4:04sobie wyszukać na przykład font mamy 12 pikseli i mogę kliknąć copy

4:08to settings i dostosować to u siebie na przykład na 20 w momencie

4:13jak zapisze ten plik automatycznie to się tutaj zmienia więc może od razu zostawmy

4:17sobie to na przynajmniej 18 pikseli żebyś również wszystko dobrze widział

4:21tak więc jakie ustawienia będziesz chciał mieć czy taki ui

4:25czy właśnie widziany w ten sposób to już zależy od ciebie pokażę

4:29ci na szybko co możemy w tych ustawieniach sobie zmienić

4:33z jakieś dwie rzeczy może sobie zmienimy po pierwsze to o czym mówiłam

4:37wcześniej czyli na przykład jak klikam na plik to wyskakuje mi jego podgląd i

4:41to może być przez ciebie pożądane ja natomiast wolę żeby ten plik od razu

4:45się otworzył żebym nie musiał go klikać dwukrotnie więc możemy sobie tutaj wyszukać czegoś

4:49takiego czyli na przykład wpiszemy preview bo może to było coś takiego

4:53i tutaj mamy enable preview zauważ że

4:58mogę to zmienić na false przejdzie to do naszych ustawień zapiszę i

5:02teraz jeżeli dowolny plik nacisnę jest on od razu otwierany jeżeli

5:06na przykład kliknę kolejny również jest otwierany więc to jest jedna z rzeczy które możemy sobie

5:11zmienić i oczywiście w tym kursie pokażę ci jak sporo rzeczy zmienić ale

5:15nie będziemy przechodzić przez wszystkie ustawienia więc czasem musisz sobie w tych ustawieniach

5:19również pogrzebać albo znajdziesz w internecie jak powiedzmy ukryć czy zmienić

5:23coś co ci nie odpowiada jedną z ważniejszych rzeczy którą chciałbym również zmienić

5:27jest to że jak byśmy sobie ten edytor zamknęli i otworzyli

5:31go od nowa to zauważ że powita nas

5:35tutaj welcome screen ja nie lubię takiego obrazka

5:40jak tutaj czyli takiej startowej strony ona mi przypomina o takich ciężkich programach

5:44typu id i w zasadzie nie ma tutaj nic co jakoś specjalnie mi się przydaje

5:48dlatego ja wolę tą stronę zamienić na od razu nowy plik bo czasami chcę

5:52otworzyć edytor code po to aby nawet zapisać jakiś prosty plik tekstowy więc

5:57możemy przejść do ustawień powiększymy to sobie i

6:01wpiszemy welcome i zauważ że mamy workbench startup

6:05editor i tutaj mamy welcome page mogę to zmienić i od razu widzę jakie

6:09są opcje na przykład na new untitled file i to jest to

6:13co ja preferuję więc jeżeli teraz sobie stąd wyjdziemy zamkniemy ten edytor i jeszcze

6:17raz go otworzę to od razu będziemy mieli nowy pusty plik w

6:21którym mogę coś napisać i od razu taki plik zapisać jak zatem widzisz przejście

6:25do ustawień jest bardzo proste command przecinek lub control przecinek

6:29na windowsie i możemy tutaj mieć te ustawienia albo za pomocą takiego jsona

6:34albo za pomocą ui co już zależy od ciebie jeżeli przestawiłeś

6:38na json tak jak ja tutaj możesz to teraz zmienić w tym miejscu na ui i

6:42przejść jeszcze raz do tych ustawień