CSS: Konfiguracja SCSS w VSCode

0:00Cześć z tej lekcji opowiem jak skonfigurować wesoły tak abyście mogli

0:05korzystać z CSS a i pilnować go na bieżąco.

0:10Nawet bez konfiguracji narzędzi takich jak Web Pack CL build czy garb.

0:17Generalnie te narzędzia też oczywiście mówimy ale na potrzeby rozpoczęcia pracy z

0:26seksem nie ma konieczności instalowania takich narzędzi zwłaszcza jeżeli nie

0:31znacie CSS i nie korzysta liście znaków czy MP.

0:36Aby.

0:38Instalować moduły.

0:41W związku z czym możecie udać się do

0:43sekcji plagi ONZ w składzie i wyszukać po prostu CSS zobaczymy co nam wyjdzie.

0:49Pierwsze

0:50i pierwsze co nam się w odpowiedziało To jest kąpiel Hero to jest taki bardzo

0:54popularny plagi i jest on naprawdę dużym rozszerzeniem które pozwala wam

1:00skonfigurować nie tylko Sasa Lisa czy CSS ale prawdopodobnie

1:08też tu wejdzie

1:10ale również skrypty czy inne języki które są super setkami innych technologii takie

1:17jak na przykład typu super setem w ramach skryptu.

1:21SAS jest super System CSS a tu np.

1:24Gate Pack to są narzędzia do klatek czyli szablonów

1:28które są rozszerzeniem HTML a więc konfiguracja jest naprawdę prosta

1:33wystarczy tutaj zainstalować ten dodatek ja już go mam zainstalowanego.

1:37No i następny krok to uruchomienie go poprzez.

1:43Tutaj pole. Kąpiel.

1:46Musimy się upewnić że to jest ustawione na on

1:49ponieważ jeżeli domyślnie jest to ta kompilacja nie będzie tutaj miała miejsca.

1:54No i jak już zrobiliśmy on to tak naprawdę możemy zacząć prace.

1:59Chyba że zamkniemy sobie na całe narzędzia konfigurację.

2:03Tam w opisie tego planu jeżeli wrócimy

2:06tutaj było napisane jak można go skonfigurować jakie są wartości i na jakie

2:11sposoby możemy te konkretne języki dostosowywać.

2:16Natomiast ja tutaj zamieszczamy

2:18w przykładach w katalogu kropka wiejska więc jest to katalog ukryty domyślnie.

2:23Jeżeli korzystacie z konsoli aby

2:26się po bramkach No to musicie pamiętać żeby odpalić np.

2:30LS z flagą ażeby wszystkie pliki się wyświetlić.

2:33Kropka. W katalogach jest to katalog ukryty więc w

2:37tym katalogu ukrytym są umieszczone te konfiguracje które dotyczą.

2:44Tutaj widzę że trzeba to zawisnąć jeszcze tylko wojenne kamerki bo coś tutaj się.

2:51Nie zapisało więc zapisujemy.

2:57Akira.

2:59I tak generalnie to co dalej możemy zrobić

3:02no to po prostu stworzyć plik z CSS ja tutaj już wcześniej stworzyłem

3:06plik Index kropka FS i w tym pliku już możemy wpisać nasze

3:11case czyli nasz podstawowy już powinien teoretycznie działać.

3:14Jeżeli ja dodam sobie powiedzmy jeszcze jedną zagrożoną klasę tutaj model kropka

3:20Bar to powiedzmy że model kropka klops baton.

3:25No i chciałbym żeby miał na sobie After.

3:30Na którym ustawiamy kontent na.

3:34Iks to powinien być jakiś albo konik front albo NIK albo.

3:39Nie ma to znaczenia. Generalnie tutaj w tym po wyglądzie

3:42na razie się dużo dziać nie będzie więc możemy go sobie skurczyć.

3:49No i poza pisaniu kąpiel Hero.

3:52Jak widzimy od razu tutaj stworzył nam katalog disc.

3:55To jest ten katalog o którym wspominałem że nie powinniśmy go po pierwsze emitować

3:59więc jeżeli korzystacie z gitar No to musicie do GITD

4:02dodać katalog Disc tak aby nie było w stanie zakomunikować

4:08tych konkretnych plików no bo one są dynamiczne no i widzimy że.

4:12Generalnie kumpel zrozumiał Sachsa i Sachs

4:16rozumie że jeżeli zamierzamy elektorat o którym też będę mówią troszkę później

4:21no to znaczy że powinniśmy je przetransportować na coś w stylu model.

4:28Stacja bar czyli wewnątrz medalu powinien

4:32być jeszcze element bar i dopiero tutaj aplikować Display blog.

4:37I to się stało tutaj właśnie w tym liście

4:40czyli widzimy że model bar Display blog się ustawiła automatycznie.

4:45Ten.

4:47Pseudo element after też się już rozwiązał

4:50i tak naprawdę jeżeli piszemy jeszcze raz to zobaczymy że np.

4:54komentarze w plikach źródłowych z CSS nie

4:57są zachowane do momentu tworzenia plików wynikowi.

5:03Czyli możemy sobie tutaj wstawić np.

5:05komentarz.

5:08Cudu nic fixing liter i ten komentarz oczywiście się nie pojawi

5:15w kodzie wynikowi co jest bardzo dobre bo możemy opisywać w końcu CSS

5:20w sposób jawny nie wpływając na naszego klienta czyli na użytkownika

5:25naszej strony WWW ponieważ to nie zostanie mu wysłane zupełnie.

5:30I to jest najprostsza z możliwych

5:32konfiguracji CSS a jeżeli korzystacie z wiedzy.

5:34Jeżeli korzystacie z innych edytora tekstowych to jestem pewien że też

5:39znajdą się rozszerzenia które robią to w miarę podobny sposób.

5:42Jeżeli chcecie to możecie oczywiście

5:44skonfigurować go według własnych potrzeb na podstawie dokumentacji którą

5:48znajdziecie tutaj w sekcji plagiat i kąpiel Hero.

5:52A jeśli chcecie zobaczyć jak robić to z różnymi trenerami czy model Ferrari no to

5:59kolejne lekcje o tym będą mówiły natomiast są to bardzo proste konfiguracje więc

6:03jeżeli jesteś zaawansowanym deweloperem i potrafisz już skonfigurować takie

6:08narzędzia to kolejna lekcja możesz potraktować bardziej jako ciekawostkę

6:12ponieważ przykłady są naprawdę bardzo proste.

6:15I koniec końców tylko pilnujemy.

6:17Kod źródłowy do kodu wynik owego bez żadnych procesów takich jak

6:22mini fikcja czyszczenie King czy inne tego typu rozwiązania.