Visual Studio Code: Git Lens

1.42+

0:00Widziałeś już że możemy tutaj pracować w vs code z gitem

0:04w dosyć wygodny sposób w ui natomiast brakuje nam przeglądu historii

0:08i powrotu do jakichś plików tego żeby zobaczyć ilu autorów pracowało nad repozytorium

0:13i tak dalej to wszystko oczywiście możemy z wiersza poleceń wykonać ale należy znać

0:17wszystkie komendy no i nie jest to tak przyjazne dla oka pokażę ci teraz

0:21świetny dodatek który nazywa się git lens jest on bardzo popularny

0:25zainstalujemy go sobie i zobaczysz co on nam może zaoferować jeżeli

0:30teraz przejdziemy do pliku app który wcześniej modyfikowaliśmy to zauważ

0:34że pokazują nam się tutaj takie adnotacje to jest tak zwany blame

0:38jeżeli będę przeskakiwał to linijka po linijce jest w stanie mi pokazać

0:43git lens swoją drogą to można wyłączyć ile by ci przeszkadzało kto

0:47dokonał jakiej zmiany czyli to było w initial commit ale to już było 28

0:51minut temu w commicie o nazwie change alt description wszystko

0:56możemy sobie tutaj dokładnie zobaczyć zauważ że tutaj możemy również kliknąć i

1:01mamy dużo różnych opcji możemy kliknąć tutaj zobaczyć

1:05również linijka po linijce wszystko dokładnie jaki autor co zmienił w tym konkretnym pliku

1:09ale to co najważniejsze to jak przyjdziemy sobie do vue

1:13i tutaj do appearence i włączymy activity

1:18bar bo my go ukryliśmy wcześniej to zauważ że pojawiła się tutaj nowa zakładka i

1:23jest to właśnie git lens można tutaj przejść w ten sposób lub jeżeli

1:27activity bar tak jak ja mam na co dzień będziemy mieli ukryty to można

1:31tam przejść w ten sposób że wpiszemy sobie show git lens i

1:35tam przejdziemy no i to oczywiście można przypisać do skrótu klawiaturowego i teraz

1:39tutaj mamy bardzo bardzo dużo ciekawych rzeczy po pierwsze widzimy nasze repozytorium

1:44widzimy jakie commity były wykonane tutaj na origin master widzimy

1:48jakie mamy gałęzie mamy jedną ilu mamy ile mamy osób

1:53które pracują na tym repozytorium i jakie commity i kiedy te osoby wykonały

1:57to wszystko można klikać przechodzić do dalszych szczegółów to juz jest świetne natomiast

2:01ja chciałbym ci pokazać jedną fajną rzecz jeżeli sobie otworzymy plik app

2:05to wtedy ten plik się tutaj wczyta i file history pokaże

2:09nam dokładnie w jakich commitach ten konkretny plik został zmieniony i przez

2:13kogo i zauważ że w initial commit tutaj nam to będzie porównywać tego

2:18pliku najpierw nie było został on dodany potem w tym commicie mieliśmy vue

2:22logo zamieniliśmy to na vue logo 2 w tym z kolei commicie mieliśmy

2:26vue logo zamieniliśmy na vue logo 3 może pamiętasz jak rozwiązywaliśmy

2:30konflikty to właśnie wtedy dwóch różnych deweloperów można powiedzieć z

2:35vue logo zamieniło jeden na vue logo 3 jeden na vue logo 2 no i obecnie

2:39mamy właśnie logo 2 i teraz fajna rzecz jeżeli znajdziesz

2:44sobie w historii tego pliku moment do którego chciałbyś wrócić to na przykład

2:48tutaj do tego vue logo 3 to wystarczy że klikniesz tutaj prawym przyciskiem wybierzesz

2:52restore i teraz jak sobie przejdziemy do naszego panelu który mieliśmy już wcześniej

2:56czyli do tego standardowego source control zauważ że app mamy modified

3:01czyli że ten plik został zmodyfikowany to mogę sobie pozamykać i

3:05przejść do naszego oryginalnego app i zauważ że tutaj będziemy gdzieś

3:10widzieli że jest to zmodyfikowane dokładnie w tym miejscu tutaj chyba git

3:14nam zapomniał to podświetlić mimo tego że tutaj pokazuje ale mieliśmy

3:18tutaj właśnie vue logo 2 zamieniło się to na vue logo 3 i

3:22w terminalu gdybyśmy wpisali git status to zobaczymy że mamy

3:26plik zmodyfikowany i dodany do staging area okej czyli

3:30to z tego powodu nam tutaj git tego nie pokazał bo jest to tu w staging area

3:34czyli można powiedzieć że ten plik sobie przywróciliśmy i jest on staging area a

3:38więc możemy go po prostu zacommitować i w ten sposób wrócić do starszej wersji pliku

3:43jak widzisz bardzo bardzo proste można to sobie po prostu wyklikać i choć

3:47polecam ci żebyś poeksperymentował sobie z git lens to pokażę ci na koniec

3:52jeszcze jedną bardzo fajną rzecz z której ja często sobie korzystam czyli

3:56przeszukiwanie commitów to też można zrobić z terminala ale łatwiej jest to zrobić

4:00z użyciem i git lens czyli jak sobie przejdziemy do tego narzędzia git lens to mamy

4:04tutaj coś takiego jak search commits i od razu możemy nacisnąć sobie

4:08tutaj i będziemy szukać po autorze na przykład możemy po commit

4:12id po plikach które zostały zmodyfikowane nawet tutaj globy można wpisywać czyli

4:17takie jakby z wyrażeniami regularnymi nie muszą to być dokładne pliki albo

4:21po zmianach natomiast ja chcę wyszukać w ogóle w commitach więc

4:25będzie szukało mi w zasadzie po wszystkim i nasze komity nazywały się

4:29na przykład desc czy description więc wpiszmy description wciskam

4:34enter i jak możesz zobaczyć tutaj one się pojawiły to jest jeden

4:38commit który miał w nazwie change alt description możemy tutaj

4:42sobie do niego przejść zobaczyć jakie pliki zostały zmodyfikowane co się w nich zmieniło i

4:46tak dalej mam nadzieję że już widzisz potęgę tego dodatku

4:50on współpracuje z tym co jest budowane w git bo jeżeli przejdziemy sobie do

4:54naszego oryginalnego panelu tutaj wciąż możemy commitować czy wycofywać

4:59pojedyncze pliki lub kilka plików stąd natomiast git lens pozwala nam

5:03jakby z lotu ptaka zerknąć na nasze repozytorium z jednej strony z lotu ptaka

5:07czyli kto ile jakich commitów wykonał na przykład a z drugiej strony bardzo

5:11specyficznie wyszukać tego co nas interesuje i przywrócić jakieś konkretne

5:15pliki co czasami jest bardzo przydatne