Konfiguracja środowiska deweloperskiego

5.1 Wybieramy IDE

Żeby pisać programy, trzeba pisać programy. Jest w tym logika. Ale żeby zacząć pisać programy, trzeba zainstalować IDE (specjalny program do pisania programów), i stworzyć pierwszy projekt.

Jest wiele opcji IDE, które można wybrać do nauki web developmentu. Wszystkie są prawie równoważne, bo kod twojego projektu i tak będzie wykonywany w przeglądarce 😊

Oto 4 najbardziej popularne:

• Visual Studio Code od Microsoft
• Intellij IDEA Community Edition
• Atom od GitHub
• WebStorm Community Edition ()

Lubię WebStorm, ale możesz wybrać dowolny inny produkt i nie zauważysz większej różnicy. Poniżej podam zrzuty ekranu kilku kluczowych etapów konfiguracji IDE.

5.2 Pobieranie WebStorm

Krok 1. Aby zainstalować WebStorm, najpierw musisz go pobrać. Wpisz w Google WebStorm lub po prostu przejdź do linku. Tam zobaczysz takie ładne zdjęcie:

Krok 2. Śmiało kliknij przycisk "Pobierz", a pobieranie od razu się rozpocznie. Jeśli wszystko poszło gładko, zobaczysz taki komunikat:

Krok 3. Właściwy system operacyjny powinien zostać wykryty automatycznie. Ale jeśli tak się nie stało, można go wybrać na tej stronie — download WebStorm:

5.3 Instalacja WebStorm

Po pobraniu odpowiedniej wersji WebStorm, musisz go zainstalować. Oto kilka kluczowych etapów:

Krok 1. Uruchamiamy instalator — powinno pojawić się takie okienko:

Krok 2. Dodaj kilka przełączników, jak u mnie:

Krok 3. Nie musisz nic restartować:

5.4 WebStorm do niekomercyjnego użytku

Jeśli używasz tych IDE do celów niekomercyjnych, takich jak nauka, możesz to robić za darmo.

1. Uruchom WebStorm.
2. Przy uruchomieniu pojawi się okno, w którym można wybrać opcję niekomercyjnego użytkowania.
3. Zaloguj się na swoje konto JetBrains lub stwórz nowe.
4. Zaakceptuj "Umowę subskrypcyjną Toolbox do niekomercyjnego użytkowania".
5. Ciesz się programowaniem.

Jeśli już rozpocząłeś okres próbny lub aktywowałeś swoje IDE za pomocą płatnej licencji, wciąż możesz przejść na subskrypcję niekomercyjną, wykonując następujące kroki:

1. Dla WebStorm, przejdź do sekcji Help | Register.
2. W otwartym oknie kliknij przycisk Remove License.
3. Wybierz Non-commercial use (Niekorzystanie komercyjne).
4. Zaloguj się na swoje konto JetBrains lub stwórz nowe.
5. Zaakceptuj "Umowę subskrypcyjną Toolbox do niekomercyjnego użytkowania".
6. Ciesz się programowaniem.

5.5 Tworzenie pierwszego projektu

Po zainstalowaniu WebStorma, pozostaje tylko go uruchomić i stworzyć pierwszy projekt. Postępuj zgodnie z instrukcją:

Krok 1. Uruchom WebStorm. Zobaczysz takie okienko:

Krok 2. Tworzymy nowy projekt — klikamy przycisk New Project.

Dalej musisz:

• Wybrać nazwę dla swojego pierwszego projektu.
• Wskazać folder dla swojego pierwszego projektu (pole Location). Jeśli WebStorm zaproponował domyślnie folder Admin, to lepiej go zmienić. Mniej później problemów.

U mnie wyszło to mniej więcej tak:

Krok 3. Jeśli wszystko zrobiłeś poprawnie, zobaczysz taki obrazek: