Visual Studio Code: Tworzenie plików i folderów

1.42+

0:00W tej lekcji pokażę ci jak tworzyć katalogi oraz

0:04pliki natomiast zanim to zrobimy to chciałbym jeszcze przypomnieć o bardzo ważnym skrócie czyli

0:08command lub control p który pozwala nam przejść do

0:12takiej wyszukiwarki plików i tutaj będziemy mogli znaleźć wszystkie

0:16pliki jakie są w naszym projekcie zaindeksowane czyli na przykład 404 mogę

0:20wyszukać i tam przejść oczywiście za pomocą fuzzy search więc to jest o tyle wygodne

0:24że jeżeli tutaj mamy katalog katalog js i na przykład plugins to owszem mogę wyszukać

0:28plugins ale jeżeli mam duży projekt i mam kilka plików które nazywają się tak samo

0:33to mogę zawęzić tutaj wyszukiwanie wpisując na przykład js plugins

0:37i również zostanie to znalezione wystarczy wcisnąć enter aby taki plik otworzyć

0:41pokażę ci jeszcze jeden ciekawy trik gdybyśmy pracowali na kilku plikach czyli

0:45na przykład będziemy mieli otwarty plik plugins jeszcze otworzymy plik 404

0:50i powiedzmy jeszcze plik index html teraz jeżeli chciałbym

0:54przeskakiwać pomiędzy tymi plikami to mogę oczywiście nacisnąć command p i

0:58te ostatnio używane pliki będą tutaj sortowane u góry czyli jak jestem

1:02w index dam strzałkę w dół to mogę przeskoczyć do 404 i

1:07teraz 404 jest pierwsze a indeks drugi natomiast jest fajny trik jak przejść

1:11do ostatnio używanego pliku wystarczy nacisnąć command lub control i

1:15dwa razy p czyli command pp w ten sposób i puścić czyli

1:19trzymam command i dwa razy naciskam p to sprawi że przeskoczę do ostatnio używanego

1:23pliku jeżeli ostatnio używany będzie plugins to teraz będę przeskakiwał

1:27pomiędzy index i plugins bardzo fajny trik jeżeli

1:31chodzi o samo tworzenie folderów i plików to możemy to robić tutaj w sidebarze

1:35albo za pomocą tej ikonki utwórz plik albo utwórz folder tutaj

1:40możemy wszystkie zwinąć jeżeli mamy jakiś duży projekt ja to mam ustawione

1:44na skrócie klawiaturowym command shift b normalnie możesz go znaleźć w key bindings a

1:48tutaj jeszcze odśwież czasami jeżeli widzisz że tutaj ci się nie pojawiły nowe pliki które

1:53powinny być w katalogu to warto odświeżyć ja natomiast zazwyczaj tutaj tworzę pliki

1:57już w konkretnym katalogu jeżeli na przykład w js chciałbym utworzyć nowy plik to

2:01tutaj był kliknął prawym przyciskiem na ten katalog i wybrał new file i

2:05nazwiemy sobie plik na przykład script.js zostanie

2:10utworzony i otwarty co ważne możemy taki plik również utworzyć od razu

2:14w podkatalogu czyli ja go usunę i powiedzmy że chcę mieć tutaj katalog scripts

2:18i dopiero potem ten plik to nie muszę utworzyć nowego folderu wystarczy że tutaj wpiszę

2:22script i następnie script.js w ten

2:26sposób zostanie utworzony i katalog i plik sam katalog oczywiście

2:31można utworzyć robiąc tutaj new folder reveal in finder

2:35to jest specyficzne dla maca to znaczy że pokaże mi ten

2:39katalog u mnie normalnie w finderze w takim eksploratorze plików na windowsie tutaj

2:43będzie reveal in explorer coś takiego i po kliknięciu po prostu

2:47w twoim systemie ten folder zostanie otwarty teraz chciałbym ci

2:51pokazać jeszcze jeden fajny dodatek który jest zaczerpnięty

2:55czyli jego idea z dodatku do sublime text 2 z którego ja również przez lata korzystałem

2:59więc przejdziemy do dodatków command shift x u mnie i

3:04wyszukamy sobie czegoś takiego jak advanced new file

3:08i znajdziemy taki oto dodatek to jest chyba ten

3:12dodatek dokładnie tak zainstalujemy sobie ten dodatek i

3:18pokażę ci teraz jak za jego pomocą możemy tworzyć nowe pliki czyli przejdziemy

3:22do command palette i mogę wpisać new file i widzimy tutaj advanced

3:26new file musimy wybrać root czyli gdzie chcemy zacząć powiedzmy

3:30że właśnie w workspace root czyli w tym głównym katalogu i teraz mogę

3:34wpisać relatywnie do tego głównego katalogu co chcę utworzyć czyli na przykład js

3:39js i powiedzmy że tam będziemy mieli plugins i

3:44plugin js wciskam enter i jak widzisz taki plik również

3:48został utworzony ja na co dzień lubię sobie ustawić ten skrót

3:52pod alt command end bo tak byłem przyzwyczajony wcześniej w innym edytorze

3:57do tego pokażę ci jak możemy to zrobić przejdziemy oczywiście do keyboard

4:01shortcuts czyli to będzie tutaj wyszukamy sobie advanced czyli

4:06zauważ że tutaj pojawiają się też dodatkowe komendy jak zainstalowaliśmy rozszerzenie

4:10które jakiś komendy ma to one zaczynają się tutaj również pojawiać no

4:14i jak widzisz jest to ustawione właśnie chyba na taki skrót jak chciałem zgadza

4:19się chociaż mam wrażenie że nie zawsze tak było bo wiem że ja sobie ten skrót ustawiałem

4:24a tutaj mam cały czysty edytor to oznacza że tak to wygląda ale możemy to również

4:28zmienić czyli alt command n i teraz mogę sobie utworzyć właśnie

4:32nowy plik na przykład w katalogu js tutaj też działa fuzzy search czyli możemy od

4:36razu sobie zawęzić wyszukiwanie i powiedzmy w js plugins relatywnie

4:40teraz do tego katalogu utworze sobie plugin 2 js i

4:44taki plik nam się tutaj pojawia jak zatem widzisz bardzo prosto możemy tworzyć nowe

4:48pliki i katalogi a rozszerzenie advanced new file jeszcze nam tą sprawę ułatwia

4:52żebyśmy nie musieli korzystać z myszy