Lekce 3 - Nastavení VS Code a Copilot pro PHP Nové

V minulé lekci, Instalace Apache, MySQL a PHP na Windows a první PHP skript, jsme si zprovoznili vše potřebné k tomu, abychom v PHP mohli programovat.

Jednou z největších výhod Visual Studio Code je jeho široká přizpůsobitelnost. Editor si můžeme nastavit podle vlastních potřeb a jeho funkce dále rozšiřovat pomocí velkého množství dostupných doplňků (extensions). Díky nim získáme nové nástroje pro psaní, kontrolu i ladění kódu a můžeme si vytvořit pohodlné vývojové prostředí.

Nastavení VS Code pro PHP

Samotný editor už umí zvýraznění syntaxe, párování závorek, základní doplňování kódu a PHP snippets. Tuto základní funkcionalitu lze rozšířit tak, abychom v něm mohli s PHP pracovat pohodlněji.

Nastavení validace PHP

Musíme změnit nastavení v souboru settings.json tak, aby VS Code mohl najít PHP pro validaci kódu.

Stisknutím důležité klávesové zkratky Ctrl + Shift + P vyvoláme rychlé menu, kam napíšeme Preferences: Open User Settings (JSON) a tuto položku vybereme.

Otevře se nám soubor settings.json, do kterého vložíme následující kód:

{
    "php.validate.executablePath": "C:/xampp/php/php.exe"
}

Výsledný skript by mohl na Windows vypadat následovně:

VS Code má kontrolu PHP syntaxe standardně zapnutou.

Přidání užitečných rozšíření

Otevřeme panel Extensions pomocí Ctrl + Shift + X.

Intelephense

Intelephense je rozšíření pro VS Code, které výrazně zlepší práci s PHP. Samotný VS Code umí PHP základně zvýraznit a zkontrolovat syntaxi, ale Intelephense přidává „chytřejší“ práci s kódem. Přidává pokročilé rozšíření pro našeptávání, orientaci v projektu a kontrolu chyb. Rozšížení si necháme vyhledat ve vyhledávacím poli a následně si ho nainstalujeme.

Instalaci povolíme kliknutím na tlačítko Trust Publisher & Install:

Tímto máme základní nastavení VS Code pro práci s PHP za sebou.

GitHub Copilot – Pomocník přímo ve tvém editoru

GitHub Copilot je AI asistent vyvinutý společnostmi GitHub a OpenAI určený pro práci se zdrojovým kódem. Je součástí standardní instalace Visual Studia Code, a to konkrétně v podobě vestavěného rozšíření GitHub Copilot Chat. Dokáže například navrhovat doplnění rozepsaného kódu, vysvětlovat existující kód, generovat nové části programu nebo pomáhat při hledání chyb.

Copilot využívá různé AI modely. Konkrétní dostupné modely se mohou měnit podle tarifu a nastavení služby, proto se nebudeme vázat na jeden konkrétní model nebo jeho poskytovatele.

Je ale důležité počítat s tím, že Copilot není neomylný. Navržený kód může obsahovat chyby, nemusí vždy odpovídat zadání a někdy doporučí i nevhodné řešení. Proto je potřeba jeho návrhy průběžně kontrolovat a přemýšlet nad nimi.

Přihlášení do GitHub Copilot

Do GitHub Copilota se přihlásíme kliknutím na modré tlačítko Sign In:

Otevře se stránka GitHubu v prohlížeči, kde se přihlásíme k našemu GitHub účtu:

Na následující stránce potvrdíme autorizaci kliknutím na tlačítko Continue:

Pokud se objeví v prohlížeči vyskakovací okno, potvrdíme akci kliknutím na tlačítko Open Visual Studio Code:

Práce s GitHub Copilotem

Jakmile je Copilot aktivní, začne v reálném čase generovat návrhy k doplnění kódu. Pokud začneme psát metodu, Copilot se pokusí navrhnout její logiku. Při práci s třídami nebo cykly dokáže generovat celé bloky kódu. Umí se dokonce učit z našeho stylu kódování a přizpůsobit mu své návrhy.

Otevřeme soubor index.php a začneme psát jednoduchý kód. Pokud se zobrazí vhodný návrh, přijmeme ho klávesou Tab:

Inline Chat

Pro rychlou úpravu nebo vysvětlení kódu můžeme použít Inline Chat. Umožňuje pokládat dotazy, získávat vysvětlení ke kódu nebo generovat celé bloky kódu na základě zadání. Toto malé chatovací okno se nám otevře přímo v kódu po zmáčknutí klávesové zkratky Ctrl + i:

Chat view

Pro delší konverzaci použijeme Chat view. Je umítněn v pravé části obrazovky, případně je chat dostupný po kliknutí na ikonu Toggle Chat v horním panelu nebo přes klávesovou zkratku Ctrl + Alt + i.

Do chatu můžeme zadat prompt, například pro vygenerování třídy s funkcí pro výpočet kvadratické rovnice:

Příklad berme jen jako ukázku možností použití Copilota. Neočekává se v této fázy, že kódu vygenerovanému budete i rozumět.

Po odeslání promptu nám GitHub Copilot poskytne hotový kód, který se vloží do otevřeného souboru:

Pomocí asistenta můžeme rovněž pracovat s aktuálně otevřeným souborem, například můžeme zadat prompt pro nalezení chyb v našem kódu (chyby jsou například na řádku 13, 18 a 23):

Shrnutí lekce

V této lekci jsme si nastavili Visual Studio Code pro práci s PHP. Naučili jsme se nastavit cestu k PHP interpretu v souboru settings.json a nainstalovali jsme rozšíření Intelephense pro pokročilé doplňování a kontrolu kódu. Dále jsme se seznámili s AI asistentem GitHub Copilot, který nám pomáhá s psaním, vysvětlováním a opravováním kódu. Vyzkoušeli jsme si automatické doplňování kódu, Inline Chat pro rychlé dotazy přímo v editoru a Chat view pro rozsáhlejší práci s asistentem. Také jsme si vysvětlili, proč je důležité návrhy umělé inteligence vždy kontrolovat.

V příští lekci, Proměnné a typový systém v PHP, začneme s popisem syntaxe jazyka PHP.