Reklama sponsora

NetBeans – instalacja i zmiana kolorów



NetBeans Instalacja

NetBeans IDE to darmowy program, dzięki któremu będziemy mogli wygodnie tworzyć kod czy to naszych programów w PHP, aplikacji frontendowych w JavaScript czy po prostu szablony w HTML i CSS.

Bez dłuższych wstępów przejdźmy od razu do rzeczy. Na tym etapie powinniśmy mieć już zainstalowany Pakiet XAMPP, który umożliwia testowanie aplikacji PHP na naszym komputerze lokalnie. Jeśli nie masz jeszcze serwera zobacz Instalację xampp .

Zaczynamy od pobrania pliku instalacyjnego, w tym celu wpisujemy w wyszukiwarkę NetBeans IDE lub klikamy w Tutaj, To oficjalna strona, klikamy „Download”.

nbi1

Zostaniemy przeniesieni na stronę z tabelką gdzie do wyboru jest kilka opcji:

  • Po pierwsze wybieramy język Polski
  • Po drugie wybieramy system operacyjny
  • Po trzecie klikamy dla PHP lub HTML/Javascript (zależy nam właśnie na tych technologiach) oczywiście można też wybrać opcję all.

nbi2

Pobieranie powinno się rozpocząć automatycznie po kliknięciu. Czekamy chwile na pobranie instalatora a następnie uruchamiamy pobrany plik.

Po uruchomieniu instalatora pojawia nam się kreator przygotowujący instalację, czekamy chwilę aż ukaże się ekran powitalny a następnie klikamy „Next”.  Czytamy dokładnie tekst licencji (zawsze to robimy 😀 ). Zaznaczymy że akceptujemy i znowu Next. Wybieramy lokalizację gdzie chcemy zainstalować nasze IDE (tutaj można zostawić domyślną). I po raz kolejny Next. Na kolejnym ekranie możemy wybrać czy chcemy aby aktualizacje dokonywały się automatycznie i przechodzimy dalej.

Po tych czynnościach powinien się pojawić pasek postępu instalacji. Chwilę to może potrwać…

NetBeans – pierwszy projekt

Gdy instalacja dobiegnie końca klikamy „Finish” i uruchamiamy program. Okno powitalne programu wygląda jak na obrazku poniżej. Aby stworzyć nasz pierwszy projekt wybieramy plik > New Project.

nbi3

Po wybraniu powinien nam się uruchomić kreator projektu. Na początku mamy do wyboru kategorie i szablon startowy. W tym momencie chcemy sobie utworzyć program w PHP tak też właśnie wybieramy.

nbi4

Przechodzimy dalej gdzie wybieramy kilka istotnych rzeczy.

  • Nazwa projektu – w tym momencie jest to dowolna nazwa ale czasami zdarza się że już coś napisaliśmy, wówczas wpisujemy dokładnie taką samą nazwę jaką ma folder w którym znajduje się istniejący kod. Pojawia się ostrzeżenie, po utworzeniu widzimy wszystkie pliki php i możemy je edytować.
  • Sources Folder – to miejsce na dysku gdzie mają znaleźć się pliki, tutaj koniecznie wybieramy miejsce gdzie mamy zainstalowanego xampp-a, projekt tworzymy w folderze htdocs. No chyba że mamy jakiś inny pakiet w każdym razie chodzi o miejsce gdzie będziemy mogli uruchamiać skrypty php lokalnie. (oczywiście można pracować na serwerze zdalny ale o tym później)
  • Nad wersją PHP można by się zastanowić z jednej strony najnowsza jest PHP 7+ z drugiej wiele serwerów na ten moment jeszcze jej nie obsługuje. Tutaj trochę zależy od projektu, aczkolwiek jak pisze na własne potrzeby zawsze wybieram najnowszą.
  • Kodowanie zostawiamy domyślnie utf-8, no chyba że projekt wymaga inaczej.

nbi5

No i w zasadzie zazwyczaj tutaj klikamy zakończ pozostawiając resztę opcji domyślnie, ale tym razem zobaczymy co jest dalej. Następne są konfiguracje uruchomienia (do testów).

nbi6

W tym miejscu ważne jest aby Project URL był taki jak na obrazku powyżej (jeśli chcemy testować aplikacje lokalnie). Kolejne ustawienia dotyczą Framework-ów i Composera, których na razie nie będziemy używać.

klikamy „Zakończ” i w tym momencie powinien nam się utworzyć nasz projekt z plikiem index.php w tym pliku teraz umieszczamy prosty kod PHP analogiczny do tego, który umieszczaliśmy przy instalacji pakietu XAMPP tak jak zostało to pokazane na obrazku poniżej. Teraz nie pozostaje nam nic innego jak przetestować nasz skrypt. W tym celu zapisujemy projekt wykorzystując opcję plik > zapisz lub (co jest znacznie wygodniejsze i zapewne będzie zawsze wykorzystywane w takiej sytuacji) naciskamy kombinację klawiszy ctrl + s.

Pierwszą rzeczą jaką musimy zrobić w tym momencie jest uruchomienie serwera Apache. Uruchamiamy XAMPP i startujemy moduł Apache.

nbi9

W tym momencie naszą aplikację możemy odpalić na kilka sposobów:

  1. Odpalamy przeglądarkę i wpisujemy adres http://localhost/Nazwa_projektu np: http://localhost/test1 jeżeli folder naszego projektu nazywa się test1.
  2. Klikamy zielony przycisk „Run project” zaznaczony na obrazku poniżej.
  3. Naciskamy klawisz F6, co jest najszybsze i dlatego najbardziej przeze mnie polecane.

nbi7

Może zdarzyć się że za pierwszym razem metoda naciśnięcia butona „Run project” lub klawisza F6 nie zadziała. Wówczas potrzebna jest niewielka konfiguracja. W tym celu wchodzimy w narzędzia > opcje > ogólne i wybieramy domyślną przeglądarkę internetową jak zostało to pokazane na obrazku poniżej.

nbi8

Oczywiście to nie musi być akurat Chrome, może to być dowolna preferowana przeglądarka. Tutaj warto wspomnieć że o ile w przypadku skryptów PHP działają one zupełnie tak samo niezależnie od przeglądarki ponieważ ich praca odbywa się po stronie serwera to aplikacje frontendowe w Javascript i wygląd strony w CSS dobrze jest przetestować na jak największej ilości przeglądarek interentowych, ale testowanie wyglądu to temat na oddzielny artykuł (a nawet kilka artykułów :))

Niezależnie od tego w jaki sposób odpaliliśmy nasz skrypt efekt powinien być jak na obrazku poniżej.

nbi10

NetBeans – zmiana skórki

Nie każdy lubi białe tła i ogólnie tak jasną kolorystykę programu. Ma to ponoć wpływ na szybsze męczenie się oczu, dlatego też już na samym początku warto zadbać o ciemniejsze tła naszego Edytora kodu (Higiena oczu i te rzeczy).

W tym celu zainstalujemy sobie odpowiednią wtyczkę. Aby to zrobić Wybieramy narzędzia > wtyczki.

nbi11

Powinno nam się pokazać okno z wtyczkami, wybieramy „Dostępne wtyczki”, następnie wykorzystując wyszukiwarkę wpisujemy Dark, na liście dostępnych wtyczek powinno zostać około 5, jedną z nich jest Dark Look and Feel Themes, zaznaczamy, klikamy instaluj i postępujemy zgodnie z instalatorem. Pamiętając o przeczytaniu umowy licencyjnej i zaakceptowaniu. Po zainstalowaniu wtyczki zostaniemy zapytani czy uruchomić NetBeans teraz czy później.

nbi13

W sumie wszystko jedno, zostawiamy Restart IDE Now i czekamy chwilę aż program uruchomi się ponownie. Efekt powinien być jak na obrazku poniżej.

nbi14

No i to by było na tyle. Teraz możemy zacząć programować coś konkretnego bo już mamy przygotowane całkiem wygodne środowisko, dzięki któremu możemy tworzyć oraz testować aplikacje.

Oczywiście jest jeszcze wiele ciekawych rozwiązań usprawniających pracę jak na przykład systemy kontroli wersji, dzięki którym nasze (szczególnie większe) projekty są bezpieczniejsze bo możemy wracać w dowolnym momencie do poprzedniej wersji. Są też niezbędne narzędzia dzięki którym możemy umieścić stronę w internecie.

 

 

 

 

Dodany przez sample dissertation prospectus
2022-02-12 08:45:37

whats a dissertation https://helpon-doctoral-dissertations.net/

Dodany przez dissertation defense
2022-02-12 05:10:00

dissertation dйfinition https://dissertations-writing.org/

Dodany przez dissertation help online uk
2022-02-11 23:57:36

help with dissertation statistics https://mydissertationwritinghelp.com/

Dodany przez phd dissertation help download
2022-02-11 19:00:37

dissertation help https://help-with-dissertations.com/

Dodany przez dissertation proposal writing uk
2022-02-11 17:51:45

dissertation online https://dissertationwriting-service.com/

Dodany przez doctoral thesis vs dissertation
2022-02-10 18:02:39

doctoral dissertation writing https://buydissertationhelp.com/

Dodany przez caesar casino slots game
2022-02-04 16:49:00

triple diamond slots https://slotmachinegameinfo.com/

Dodany przez 777 slots free
2022-02-04 12:26:48

slots winning video 2022 https://www-slotmachines.com/

Dodany przez pop slots
2022-02-04 08:02:11

wms slots https://411slotmachine.com/

Dodany przez casino slots free
2022-02-04 04:36:09

hack online slots https://download-slot-machines.com/

Dodany przez free wizard of oz slots
2022-02-04 01:27:56

baba wild slots casino https://beat-slot-machines.com/

Dodany przez free slots to play now
2022-02-03 20:43:23

viva slots vegas free https://slot-machine-sale.com/

Dodany przez harrington slots buffet
2022-02-03 19:11:05

office mailbox slots https://slotmachinesforum.net/

Dodany przez indiana grand slots list
2022-01-29 07:59:11

free atari slots https://slotmachinesworld.com/

Dodany przez gsn casino slots
2022-01-29 06:11:51

add slots game girls https://pennyslotmachines.org/

Dodany przez lucky slots 777 free play
2022-01-29 00:35:58

fre slots https://candylandslotmachine.com/

Dodany przez winning slots
2022-01-28 21:52:53

vegas slots free https://freeonlneslotmachine.com/

Dodany przez 888 free slots machine
2022-01-28 18:31:04

vegas world slots free https://2-free-slots.com/

Dodany przez gay dating suites in fresno
2022-01-15 12:50:32

the gay dating game https://speedgaydate.com/

Dodany przez 702 gay chat
2022-01-14 21:57:04

gay chat sites https://gay-buddies.com/

Dodany przez dubuque gay guys chat
2022-01-14 19:32:01

free gay video chat rooms https://gaytgpost.com/

Dodany przez free gay dating skwerts
2022-01-14 15:40:32

gay dating apps for pc https://gaypridee.com/

Dodany przez free gay sex chat fcn
2022-01-14 12:12:25

free gay chat line https://bjsgaychatroom.info/

Dodany przez 2fullness
2022-01-12 22:13:21

3fatigues


Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *