Tartalomjegyzék

< Web

Webes fejlesztői környezet kialakítása

Fejlesztői környezet

Egy egyszerű webes fejlesztői környezet esetén, szükségünk van egy IDE eszközre, vagy egy kódszerkesztőre, fejlesztői webszerverre, virtuális gépekre, PHP Debugger-re; a webszerveren PHP és adatbázis-kezelő rendszer.

Fejlesztő eszköz

Különbséget kell tennünk az IDE és a kódszerkesztő között.

IDE:

Kódszerkesztő:

Visual Studio Code

Tartalom köré HTML elem:

Több sor számára HTML elem beállítása. Például van egy ilyen lista:

alma
körte
barack
szilva

Szeretnénk egyetlen menetben li elemek közzé tenni.

Bővítmény

Lehetővé teszi fájlok megnyitását böngészőben.

Az open in browser használata:

Ha nincs beállítva az alapértelmezett böngésző, akkor válasszuk a második lehetőséget.

Opcionális:

Virtuális gép

Virtuális gép segítheti az alkalmazásunk kipróbálást kifejezetten szervernek szánt gépen.

PHP Debugger

A hibakereséshez jól jön egy PHP hibakövető:

PHP függőségkezelő

Deploy eszköz

A telepítés automatizálásához egyik megoldás lehet a Deployer:

Szoftverek

Megjegyzés: A Notepad++ UTF-8 BOM-al hibás PHP értelmezést eredményez. Dolgozzunk BOM nélkül.

Statisztika

lite-server

Telepítés:

npm install -g lite-server

Leírás: A lite-server használata

live-server

Rendszergazdaként:

npm install -g live-server

Abban a könyvtárban, ahol a HTML oldalunk van, futtassuk felhasználóként:

live-server

A szerver elindul, a webhely pedig a következő címen érhető el:

A live-server dokumentációjában kapcsolók használatát is gyakorolhatjuk:

SimpleHTTPServer

Pythonnal együtt felkerül egy SimpleHTTPServer nevű webszerver is. Indítása a webhelyet tartalmazó könyvtárban:

python -m SimpleHTTPServer

Alapértelmezett port 8000, vagyis így érhető el a böngészőben:

De megadható más port is:

python -m SimpleHTTPServer 9999

PHP HTTP Server

php -S localhost:8000
php --server localhost:8000
php -S localhost:8000 -t .
php -S localhost:8000 -t public
php --server localhost:8000 --docroot public

A böngészőbe:

localhost:8000

Regex tesztelő

Kódformáló

Weblap sebessége

API teszt

Futtatás online