Visual Studio Code: Zmiana ikon

1.42+

0:00Mamy już bardzo ładny szablon ustawiony natomiast

0:04chciałbym ci teraz pokazać jak możemy dostosować jeszcze te ikonki które tutaj przy plikach się

0:08pojawiają zresztą nie tylko tutaj bo jeżeli byśmy sobie chcieli wyszukać

0:12plików w ten sposób do czego jeszcze przejdziemy później też te ikonki jak widzisz

0:16przy pliku się pojawiają więc możemy przejść do command palette czyli

0:20jest to command shift p lub control shift p i wpisać sobie file

0:24icon team taką pozycję tutaj znajdziesz i domyślnie mamy ustawione ikony

0:29seti czyli dla visual studio code one są domyślnie zainstalowane zauważ

0:33jednak że razem z naszym szablonem zainstalowanym w lekcji poprzedniej wgrały nam

0:37się również ikonki material team i wystarczy strzałkami tutaj

0:41przeskakiwać na klawiaturze i jak widzisz w sidebarze one się nam podmieniają więc mogę je po prostu

0:46wybrać i one są bardzo ładne natomiast ja na co dzień korzystam z innych

0:50i chciałbym ci pokazać jak możemy je zdobyć więc command shift x nacisnę

0:54żeby przejść do panelu extensions możesz tutaj przyjść w ten sposób albo

0:58jeszcze z command palette możesz zrobić wszystko wpisać na przykład extensions i

1:02gdzieś tutaj znajdziemy przejście

1:06do tego panelu na przykład focus on enabled view i tutaj

1:10przejdziemy do tego panelu od razu do zakładki zainstalowanych nie

1:15mniej jednak tam na pewno też była pozycja aby przejść bezpośrednio tego panelu więc jestem

1:19teraz w tym panelu i możemy tutaj wyszukać icon

1:23team w ten sposób znajdziemy tutaj najróżniejsze ikonki

1:27możesz sobie je poprzeglądać ale ja chciałbym ci polecić materiał icon team i

1:31one są inne od tych które mieliśmy teraz bo tu jest nazwa material icon team a my mieliśmy

1:36jak widzisz ustawione material team icons to są różne ikony dlatego

1:40te będę chciał teraz zainstalować i od razu podpowiada nam że możemy je ustawić natomiast

1:44porzucę to ustawienie poprzez escape i teraz command

1:48shift e wrócę do explorera żeby być tutaj i chciałbym je ustawić

1:52dopiero teraz żebyśmy wiedzieli różnice wybiorę jedną pozycję wyżej

1:56i dokładnie tak wyglądają te ikony z których ja na co dzień korzystam bardzo mi się one

2:00podobają bardzo je lubię natomiast jeszcze jedną rzecz chciałem tutaj zmienić mianowicie

2:04pozbyć się tych strzałek przy folderach i zapewniam cię że da się to zrobić nie

2:09wiem jak ale zaraz znajdziemy przejdziemy do ustawień czyli command i przecinek i

2:13wyszukamy sobie arrow i od razu widzimy material icon team

2:18hides explorer arrows czyli żeby je ukryć zmienimy

2:22tę wartość na true i jak widzisz od razu nam

2:26te strzałeczki zniknęły czyli było to ustawienie specyficzne dla tego dodatku

2:30który właśnie zainstalowaliśmy dlatego warto patrzeć też do opisów tych dodatków a

2:35jeżeli po prostu widzisz jakieś strzałki chciałbyś je ukryć i

2:39nie wiesz czy można to w opcjach tutaj ustawieniach wyszukaj arrows i jak

2:43widzisz coś zawsze ciekawego znajdziemy co jasno mówi nam

2:47że możemy jakieś ustawienie zmienić to zatem tyle jeżeli chodzi

2:51o te ikonki jak widzisz nic specjalnego ale jednak coś nie specjalnego

2:55może pod względem instalacji ale jednak coś co fajnie nam pokazuje różne pliki

3:00i jeżeli tutaj będziemy mieli później pliki jakieś specyficzne na przykład dla angulara

3:04czy dla view to również one będą odpowiednio tutaj ikonką scharakteryzowane

3:09więc od razu wtedy 3 w zakładkach otwartych tak jak tutaj czy w

3:13tej wyszukiwarce plików którą mamy w tym miejscu będziemy od razu widzieli

3:17z jakim typem pliku mamy do czynienia poeksperymentuj zatem podobnie jak z ustawieniem

3:22szablonu z tymi ikonkami i przejdziemy dalej pokażę ci w jaki sposób

3:26możemy ustawić font