Vývojářské prostředí pro programátory a webmastery

Každý programátor nebo webmaster potřebuje na svém počítači mít nainstalovanou sadu nástrojů a programů pro tvorbu. Odborně se této sadě programů a nastavení říká „vývojářské prostředí“. Postupem času si budete své prostředí upravovat podle svého vlastního stylu, pro začátek si však ukážeme základní sadu pro váš kariérní start.

Visual Studio Code

Vhodné pro programátora i webmastera.

VS Code je textovy editor, ve kterém budete psát své kódy. Je rychlý, flexibilní, jednoduchý a zdarma. Stáhnout si ho můžete zde: https://code.visualstudio.com/

Tento editor kódu je plně funkční v základním stavu, avšak pomocí doplňků (extensiony/pluginy) si můžeme program upravit a práci si o hodně usnadnit. Všechny doplňky je možné stáhnou přímo ve Visual Studio Code v záložce Extensions.



Open PHP/HTML/JS In Browser

Vytvořil: Primafuture

Vhodné pro programátory i webmastery



Tento doplněk umožní otevřít náš projekt v prohlížeči jedním stisknutím tlačítka. Webmasteři mohou plugin ihned používat bez dodatečného nastavení. Stačí mít otevřený soubor HTML v editoru a zmáčknout Open in Browser v modrém spodním panelu a vybrat si prohlížeč.

Programátoři musí nejprve otevřít nastavení pluginu.


V této sekci musíme nastavit 2 položky: Document Root Folder a URL To Open.

Po vyplněni záložku setting zavřeme a můžeme používat Open In Browser talčítko ve spodním panelu editoru.



Bracket Pair Colorizer

Vytvořil: CoenraadS

Vhodné pro programátory i webmastery



Tato pomůcka vám pomůže při kódvání tím, že spáruje všechny závorky stejnou barvou. Budete se v programu lépe orientovat a hned na první pohled dokážete zjistit, kde vám závorka přebývá nebo chybí.
Poznámka: Verze 2 je stále ve fázi vývoje, pro vetší stabilitu doporujčuji verzi 1 než bude nová verze 2 oficialně vydaná.

PHP IntelePhense

Vytvořil: Ben Mewburn

Vhodné pro jen programátory


Toto rozšíření umožnuje editoru rozumět syntaci jazyka PHP. Při praní kódu vám bude napovídat různé funkce, upozorňovat na chyby a urychlí vaši práci. Pozor! Existuje i plugin, který se jmenuje PHP InteliSense, ale nodoporučuji ho, protože má spoustu chyb.

PHP Debug

Vytvořil: Felix Becker

Vhodné pro jen programátory


V pokročilejši fázi vaší práce se vám může hodit debugger. Kromě pluginu budete potřebovat i nastavit xDebug v Xamppu.

Otevřeme si přes Xampp konfigurační soubor php.ini a vložíme na konec souboru příkazy pro aktivaci xDebugeru.



Na konec soboru přidáme tyto kódy:

[zend]
zend_extension = "C:\xampp\php\ext\php_xdebug.dll"
xdebug.remote_enable = 1
xdebug.remote_port = 9000
xdebug.remote_mode = req
xdebug.remote_host = localhost
xdebug.remote_autostart = 1

[PHP]
output_buffering = off
implicit_flush = on




Soubor php.ini uložte a zavřete. Zastavte a znovu spusťte Apache.
Nyní se vrátíme zpět do Visual Studio Code a nainstalujeme plugin PHP Debug. Po instali přejdeme do záložky Debugging, klineme na ozubene kolečko a zvolíme PHP.




Nyní už můžeme ověřit funkčnost. Vedle zeleného trojúhelníku vybereme Launch currently open script, nastavíme breakpoint na nějakém řádku kódu a nakonec spustíme debug klávesou F5.

Komentáře

4.3 Hodnotilo 203 lidí