Menu
About me Kontakt

Configuring the Work Environment for a PHP Developer: PHP Storm + Docker + WSL2 (Film, 17 minutes)

Bartosz Sosna, on his YouTube channel, shared an incredibly practical tutorial showing how to set up a development environment with PHPStorm on WSL2 in Windows. For years, he had been using a Mac, but due to increasing technical demands and hardware issues, he decided to test an alternative in the form of Windows. He discovered that configuring WSL2 with Ubuntu works even better than on his previous computer. In the episode, Bartosz encourages viewers to stick around until the end of the video, where he will share information about his free PHP Storm course available for anyone interested in enhancing their programming skills.

Bartosz also explains the entire installation and configuration process, including the sluggish speed problems he managed to overcome. He describes how migrating projects to a folder directly within WSL2 sped up his work, as well as how to connect PHPStorm to WSL2 using tools like X Server. This enabled him to take full advantage of the applications that were previously limited by file access speeds.

An essential part of his presentation is also the installation of Docker, which plays a crucial role in his project work. Bartosz points out important steps such as adding the appropriate repositories and configuring Docker to run without ‘sudo’ privileges. He also emphasizes that although he might encounter some network issues, they can be easily solved by editing configuration files. This flexibility and ability to customize the development environment provide a tremendous advantage in daily work.

Bartosz's fundamental aim is for every programmer interested in WSL2 and PHPStorm to benefit from his experiences and create their efficient development environment. On his channel, viewers can find practical commands and guidelines that surely facilitate this process. It is worth noting that Bartosz is currently engaged not only in technology but also in educating others, as confirmed by his free PHP Storm course, access to which can be found in the video's description.

Finally, it's noteworthy that Bartosz Sosna's video has reached 6,511 views and 100 likes at the time of writing this article. Such community reactions confirm his expertise and the quality of the presented content. If you are interested in programming on Windows using WSL2 and PHPStorm, it's definitely worth checking out this tutorial and taking advantage of the course he offers.

Toggle timeline summary

  • 00:00 Introduction by Bartek from Superstorm.pl.
  • 00:03 Discussion on setting up PHPStorm on WSL2.
  • 00:12 Personal experience working on Windows after switching from Mac.
  • 00:28 Invitation to stay till the end for a free PHPStorm course.
  • 00:46 Announcement related to a blog post, sharing command links.
  • 01:09 Background on using a powerful desktop instead of Mac.
  • 01:40 Positive outcome of running WSL2 compared to Mac.
  • 02:00 Installation details for Windows and WSL2.
  • 02:55 Moving projects to a WSL2 folder and installing PHPStorm.
  • 03:15 Setup of Docker on Windows integrated with WSL2.
  • 04:04 Installing Docker for the distribution.
  • 06:40 Configurations for making Docker run without sudo.
  • 07:27 Testing the successful installation of Docker.
  • 08:01 Starting the Docker service.
  • 08:45 Connecting Docker with the Linux instance.
  • 10:00 Setting up X server to connect PHPStorm.
  • 11:16 Adjusting DPI settings for better visibility.
  • 13:40 Downloading and installing the Toolbox app.
  • 14:42 Using PHPStorm without issues on WSL2.
  • 16:14 Final remarks and encouragement to join the free PHPStorm course.

Transcription

Cześć, tu Bartek ze strony Superstorm.pl Dzisiaj opowiem Ci o tym, jak ustawić pieśń Pistorma na WSL2 Tak aby działało to szybko, tak aby działało to płynnie Ja dzięki temu zacząłem pracować na Windowsie Na moim komputerze, który stał tak sobie trochę na boku I dzięki temu mogłem zrezygnować z Maca Pracuję z tym naprawdę bardzo, bardzo fajnie i przyjemnie Zapraszam Cię do odcinka Zostań do końca, bo na końcu opowiem o moim darmowym kursie PH Pistorm Chodźmy Zanim zacznę to chciałbym jeszcze tylko nadmienić, że Ten film jest powiązany z moim wpisem na blogu Więc wszystkie te komendy, które będziecie widzieli tutaj w tym filmie Można sobie skopiować bezpośrednio z mojego bloga Ten link do tego wpisu podam pod filmem Teraz może krótko opowiem jak to się zaczęło W domu mam peceta potężnego do innych zadań, jest on poskładany A ja od 2012 roku korzystałem z Maca Maki są trochę drogie I ostatnio trochę zaczęły nie spełniać moich wymagań Zaczęły się psuć I postanowiłem spróbować czy mogę na moim Windowsie, na tym właśnie Moim komputerze stacjonarnym Pracować z WSL2 tak jak to robię na Macu I okazało się, że można pracować I to bardzo fajnie i działa to nawet lepiej niż na Macu Ja pracuję z Shopware, a tam Docker nie działa zbyt dobrze A tutaj działa wszystko świetnie Więc na początek tutaj pokażę jak ja to zrobiłem Miałem zainstalowanego Windowsa WSLA2 z Debianem lub z Ubuntu W tym poradniku będę pokazywać jak to skonfigurować z Ubuntu Miałem folder spółdzielony I właśnie tutaj trzymałem swoje projekty Na Windowsie był zainstalowany PHPStorm I edytowałem właśnie pliki w tym folderze Docker w międzyczasie był także zainstalowany na Windowsie I komunikował się z WSL2 Działało to jak najbardziej Ale działało bardzo wolno ponieważ Te pliki były zamontowane I kiedy chciałem zrobić composer, update lub install To czekało się naprawdę bardzo, bardzo długo I było to po prostu nie do zaakceptowania Szukałem więc alternatywnych rozwiązań I znalazłem, wpadłem na to Podglądając jak działa Visual Studio od Microsoftu Więc postanowiłem wszystkie moje projekty Zamiast tego montowanego folderu Przenieść do folderu, który znajduje się bezpośrednio z WSL2 I tam także zainstalować PHPStorm Także działa to teraz tak, że ten PHPStorm jest zainstalowany na Linuxie A jego okno jest pokazywane w Windowsie za pomocą Serwera X, który zainstalujemy na Windowsie I zaraz to pokażę, a Docker działał sobie tak jak działał Dobrze, to przejdźmy tutaj do Ubuntu Ja już go zainstalowałem, nie będę w tym poradniku pokazywał jak Instalować WSL2, jak instalować Dystrybucje, które z niego korzystają Myślę, że tych poradników w internecie jest już naprawdę dość sporo Ja tutaj chciałem pokazać tą konfigurację Jak sobie takie środowisko programistyczne przygotować Wszystkie te komendy, które będę wprowadzał, można robić właśnie w tej oryginalnej konsoli Ja jednak polecam korzystać z Windows Terminala Dla wygody, jeżeli mamy więcej dystrybucji To można sobie tu bez problemu pomiędzy nimi przechodzić Więc ja wybieram tutaj Ubuntu I zacznijmy od zainstalowania Dockera na naszej dystrybucji Od jakiegoś czasu mam problem z siecią Muszę to rozwiązać, jeżeli u Ciebie także nie będzie się instalowały pakiety Nie będziesz miał połączenia z internetem To bardzo łatwo to zmienić za pomocą edytowania w pliku etc.usr Teoretycznie tutaj powinno działać to ustawienie z etc.wsl.config Które nie powinno mi nadpisywać tego pliku Jednak to nie działa, muszę jeszcze sprawdzić jak to zrobić Wystarczy nadpisać sobie tutaj dns I od tego momentu już wszystko powinno wrócić do normy Więc robimy update I zaraz będziemy instalowali potrzebne pakiety Dodajemy odpowiednie klucze Command.v to oczywiście, do tego dolara nie powinno być OK Tutaj składałem wszystko Nie tak to miało wyglądać Wyglądał w porządku Więc możemy dodać repozytorium Robimy ponowny update I instalujemy dockera Ponownie chwilę zajmie, więc ja przyspieszę ten film Docker pobrany, zainstalowany Teraz należy ustawić go tak, aby była możliwość uruchamiania go bez sudo Grupa już istnieje Teraz możemy wyłączyć naszą konsolę Włączyć ją ponownie I uruchamiamy dockera w naszym systemie operacyjnym na windowsie Aby docker z windowsa mógł współpracować z dockerem z linuxa należy wejść w jego ustawienia Resource Integracja I tutaj zaznaczyć, że ma być połączony z naszym linuxem Musimy to zatwierdzić, zrestartować Ja już to mam ustawione I po tej operacji, po wpisaniu docker.ps powinniśmy zobaczyć wynik Czyli wszystko działa prawidłowo Spróbujmy sobie zainstalować teraz serwer LAMP I sprawdźmy, czy to będzie wszystko działało Pobierzmy sobie tutaj obrazy dla LAMP Ja już go mam ściągnięty Przejdźmy do katalogu głównego Ponieważ nie chcemy być w tym, który jest montowany I uruchommy to teraz sobie dockera Wygląda w porządku Przejdźmy teraz do localhost Jak widać serwer się uruchomił Nie mamy żadnego pliku Dlatego nie wyświetla się nam żaden wynik Zmieńmy to cd app touch typ typ typ typ typ typ typ Zapisujemy i sprawdzamy ponownie Działa Więc teraz mamy już połączonego dockera Z naszą instancją Z naszym linuxem I teraz chcielibyśmy połączyć PHPStorma Aby to zrobić należy właśnie zainstalować Serwer X pod Windows Jest to projekt vcxsrv Można go sobie tutaj pobrać Bezpośrednio z ich strony I zainstalować Przy czym pamiętając, że przy uruchomieniu Należy ustawić w Firefoxie Że ma mieć dostęp do Naszej sieci I po zainstalowaniu Należy włączyć I teraz mamy tutaj 4 Podstrony konfiguracyjne Pierwsza zostaje tak jak była Druga tak samo I tutaj na trzeciej Musimy zaznaczyć tutaj ten trzeci box Aby nasz linux Mógł się połączyć z tym serwerem I na końcu możemy sobie Zapisać tą konfigurację do pliku W przyszłości można po prostu kliknąć w ten plik Konfiguracyjny I serwer otworzy się od razu Z naszymi ustawieniami Tutaj jak widzimy pojawiła się po prawej stronie Ikonka Tego serwera Więc on teraz działa i już Nasłuchuje Przejdźmy do kolejnego kroku Teraz musimy Podać naszemu linuxowi Gdzie on ma właśnie wysyłać Nasze programy Gdzie znajduje się właśnie Serwer X Więc przejdźmy tutaj do konsoli ponownie I wpiszmy te Trzy Komendy One dopisują nam ustawienia Do naszego pliku BASH Sprawdźmy sobie czy wszystko Działa prawidłowo Jak widać mamy tutaj Na końcu Te dwa ustawienia Jeżeli w przyszłości ten adres IP by się zmieniał to można bezpośrednio Tutaj te eksporty Skopiować do BIN I konsol będzie za każdym razem Sam te adresy Ustawiał Nie mamy tutaj jeszcze tego Eksport Więc skopiujmy to ponownie To jest ustawienie Opcjonalne Ja mam monitor 4k Więc muszę skalować 5 pixel ponieważ Te wszystkie literki są za małe W tym programie tak naprawdę Nic nie widać Ponownie BASH RC Tak skala się już teraz zgadza No co możemy teraz próbować Na przykład czy możemy uruchomić Firefoxa z linuxa Aby to zrobić to Zainstalujemy go I sprawdźmy czy Firefox teraz Otworzy się nam właśnie z linuxa W oknie windowsa Musimy pewnie Zrestartować jeszcze raz Naszą konsolę Po zmianach ustawień W naszym bashu Można to też zrobić przez Odświeżenie ale tak też Powinno zadziałać Firefox I teraz tu mamy przeglądarkę Firefoxa otworzoną Bezpośrednio w naszym Linuxie jest ona tutaj zeskalowana Podwójnie więc Są duże litery Jeżeli komuś to nie odpowiada Albo ma mniejszą rozdzielczość to tego skalowania Oczywiście tam nie musi ustawiać W pliku bash I teraz za pomocą tej przeglądarki Możemy sobie Pobrać naszego toolbox app Wklejając tutaj właśnie Adres I przez tego Toolbox apps możemy pobrać Właśnie chatbrinsa A raczej phpstorma Znowu nie działa przez tą sieć Albo możemy właśnie tutaj skorzystać Z gotowego skryptu Ale jeszcze zanim Do tego przejdziemy to może się okazać Że te programy Uruchamiane w tym xserverze Są niewyraźne A to dlatego że w windowsie Musimy właśnie ustawić DPI więc Wejdźmy tu do xlaunch Open file location I tutaj wchodzimy W właściwości I w DPI musimy ustawić tutaj Nadpisywanie dla aplikacji Wtedy wszystko powinno Wyglądać ładnie tak jak Wszystkie inne programy na windowsie Także wróćmy teraz Do instalacji Toolboxa Więc przejdźmy do Katalogu głównego Skopiujmy, a raczej sklonyjmy Nasze depozytonium Przejdźmy do Katalogu I zainstalujmy go Skrypt zwrócił nam tutaj Że wszystko zakończyło się Sukcesem Spróbujmy uruchomić Zostajemy tutaj jednak Komunikat, że brakuje nam bibliotek Więc musimy je Tutaj najpierw zainstalować I teraz po instalacji Powinno Pokazać się nam okno z Toolboxa Będziemy chwilkę zaczekać I Pojawiło się Akceptujemy I teraz możemy tutaj Korzystać bezpośrednio Z naszej aplikacji Tak samo jak pod indoksem Z wszystkich dobrodziejstw Zainstalujmy tutaj PitchPistorma, później możemy się zalogować I korzystać z tego Idę tak samo Jakbyśmy go mieli na windowsie Ja zaczekam aż on się ściągnie I zaraz go uruchomimy Świetnie, PitchPistorm Pobrał się i zainstalował Otwieramy więc Wysyłamy Ustawienie możemy tutaj Pominąć, ja tutaj włączę Wersję 30-dniową I teraz mogę otworzyć Nowy projekt i teraz otworzę tutaj To okno To zobaczmy Zobaczmy w linuksie Grzebo katalogów jest właśnie Ze naszego WSL2 Tutaj mamy nasz katalog App Create I teraz możemy Korzystać z niego dokładnie Tak jak pod windowsem Naprawdę świetna sprawa Elwood Zapraszam na Kursu PitchPistorm Zapiszmy I sprawdźmy czy działa Wszystko działa poprawnie Więc można teraz już Pracować z swoimi Skryptami, a ja tutaj Na zakończenie zapraszam Jeszcze raz na darmowy kurs o PitchPistorm Który dla was przygotowałem Mam nadzieję, że ten Tutorial Ci się podobał Pamiętaj aby podzielić się nim Na swoim facebooku Albo na twitterze Tak aby więcej ludzi mogło się dowiedzieć Jak można sobie poradzić Z PitchPistormem na Windowsie, jak to sobie fajnie Poustawiać, moim zdaniem Takie ustawienie Prowadzi do tego, że nareszcie Mamy jakąś konkurencję do Maca, te macie są jednak dość drogie A windows Na którym także ja na przykład gram Może być ustawiony tak, że to Środowisko produkcyjne, deweloperskie Przepraszam, jest naprawdę wyśmienite Zapraszam Cię też do mojego kursu Darmowego kursu o PitchPistorm Poniżej znajdziesz linka Znajdziesz tam Bodajże 11 czy 12 lekcji Które naprawdę Ułatwią Twoje życie, ułatwią Ci Programowanie, zapraszam I do zobaczenia w kolejnym odcinku