Visual Studio Code: Formatowanie kodu z CS Fixer

1.42+

0:00Pokazywałem ci w tym kursie w jaki sposób możemy wymusić pewne

0:04standardy kodowania w języku javascript na przykład kiedy pracujemy w zespole podobnie

0:08możemy robić z językiem php czyli po pierwsze reformatować ten kod

0:12a po drugie zmieniać również pewne zapisy na przykład ze starszych na nowsze

0:16i do tego służy php coding standard fixer czyli tak

0:20zwany cs fixer i będę chciał ci pokazać jak go zintegrować z vs code ale

0:24ważna uwaga najpierw musisz go sobie zainstalować globalnie w systemie najlepiej

0:29zrobić to z composerem tak jak jest tutaj pokazane więc jeżeli pracujesz w php zakładam że composera

0:33już masz i wiesz jak to zrobić więc takim poleceniem sobie cs fixer

0:37zainstaluj teraz przejdziemy do rozszerzeń i wyszukamy sobie cs fixer

0:41to będzie ten dodatek zainstaluję go i

0:45pokażę ci w jaki sposób on działa jeżeli byśmy sobie przeszli do jakiegoś dowolnego pliku na

0:49przykład tutaj i stworzyłbym tablicę takim starym

0:53zapisem czyli array 1 2 3 to chciałbym żeby mi

0:57zamienił cs fixer to na nowy zapis tablic a przy

1:01okazji w ogóle przeformatował ten plik według zadanych standardów

1:05czyli żeby to było spójne z całym zespołem z którym możesz pracować jeżeli

1:09teraz zapiszę nic się nie wydarzy jeżeli przejdę do command palette i wpiszę cs fixer jak

1:14widzisz jest tutaj coś takiego jak cs fixer fix ale nic nam to nie dało

1:18tutaj powiedział że naprawił ale nie naprawił to wynika z jednej rzeczy

1:22natomiast przejdźmy na sekundę jeszcze do ustawień wpiszmy cs fixer ważne

1:27żebyś im się przyjrzał bo jeżeli jesteś na windowsie to tutaj jest napisane że

1:31na windowsie może być tak że trzeba skierować czyli to ustawienie ustawić executable

1:35path na przykład na plik bat można osobno ustawić

1:39dla windowsa jeżeli dzielimy swoje ustawienia tak jak my to

1:43robiliśmy w tym kursie pomiędzy dwoma maszynami na przykład mac'iem i windowsem i tak dalej

1:47więc nie działało zwróć uwagę na te ustawienia tutaj natomiast

1:51dlaczego nam nic się nie zmieniło dlatego że cs fixer domyślnie szuka

1:55sobie takiego pliku jak php cs albo cs dist i tam właśnie

2:00będą podobnie jak w javascripcie mieliśmy zapisane w eslint rc te

2:05ustawienia tych standardów ja u siebie mam to zrobione tak że ten plik mam

2:09zapisany w katalogu domowym i dzięki temu w

2:13każdym projekcie php nad którym pracuję mam te same standardy nie

2:17zawsze jest to pożądane dlatego że możesz otworzyć starszy projekt i tam chciałbyś mieć specyficzne

2:22standardy więc lepiej żeby w projekcie taki plik się znajdował jeżeli

2:26na wielu projektach o różnych wersjach na przykład języka php pracujesz

2:30niemniej jednak będę chciał sobie to ustawienie przekopiować do settings

2:35i powiedzieć że mój plik php cs znajduje się w katalogu

2:39domowym użytkownika na windowsie tutaj by należało dodać pełną

2:43ścieżkę i teraz taki plik oczywiście tam być musi i ja taki

2:47plik tam już mam i taki plik w ogóle jeżeli chodzi o te wszystkie reguły

2:51można sobie na takiej stronie wygenerować czyli pozaznaczać to co nas interesuje i

2:55tak dalej mój plik wygląda tak w

3:00ten sposób czyli mamy tutaj pewne jakby gotowe grupy ustawień możesz

3:05sobie u siebie wkleić też ten plik znajdziesz na timeline gotowy kod do skopiowania okej

3:10to skoro teraz powiedziałem cs fixerowi że chciałbym aby

3:14patrzył na ten config to zobaczmy ja tutaj teraz zapiszę znowu nic się nie wydarzyło ale

3:18jeżeli wykonam polecenie fix to zauważ że ta tablica została zamieniona

3:23nowszą notację i w ogóle ten plik został trochę przeformatowany komentarze

3:27wyglądają trochę inaczej i tak dalej czyli cs fixer działa a teraz cofnę

3:31te zmiany i chciałbym żeby ten cs fixer działał na save czyli

3:36jak zapisujemy i wydawałoby się że tutaj wystarczy znaleźć taką opcję jak on

3:43save natomiast jeżeli ustawimy ją na true nic to nie zmieni nowszych wersji

3:47jak vs code teraz trzeba ustawić jeszcze jedną pewną

3:51rzecz i tak jak tutaj dla języka javascript wcześniej powiedzieliśmy że ma być

3:55default formatter i tutaj prettier vs code tak samo

3:59podobnie będziemy musieli zrobić teraz dla języka php i wkleję tutaj

4:03gotowy fragment czyli tak to będzie wyglądać dla języka php default

4:07formatter musi to być junstyle php cs fixer czyli ten dodatek jeżeli teraz

4:12to zapiszę a mamy tutaj jeszcze gdzieś ustawienie format

4:17on save gdzieś ono tutaj jest editor format on save powinno być bo

4:21to wcześnie ustawialiśmy to jest dokładnie w tym miejscu oczywiście

4:25co ciekawe moglibyśmy to ustawienie wstawić sobie tutaj i tylko na przykład

4:29dla php mieć format on save a dla innych nie my mamy dla wszystkich jeżeli

4:34teraz tutaj wrócę i po prostu zapiszę zauważ zostało to wszystko przeformatowane

4:38tak zatem możesz korzystać z cs fixera oczywiście należy sobie dobrać odpowiednie

4:42reguły być może zespół w którym będziesz pracował ci je narzuci i widzisz

4:46już jak możesz to skonfigurować