3. diel - Nastavenie VS Code a Copilot pre PHP Nové

Jednou z najväčších výhod Visual Studio Code je jeho široká prispôsobiteľnosť. Editor si môžeme nastaviť podľa vlastných potrieb a jeho funkcie ďalej rozširovať pomocou veľkého množstva dostupných doplnkov (extensions). Vďaka nim získame nové nástroje na písanie, kontrolu aj ladenie kódu a môžeme si vytvoriť pohodlné vývojové prostredie.

Nastavenie VS Code pre PHP

Samotný editor už vie zvýraznenie syntaxe, párovanie zátvoriek, základné doplňovanie kódu a PHP snippets. Túto základnú funkcionalitu je možné rozšíriť tak, aby sme v ňom mohli s PHP pracovať pohodlnejšie.

Nastavenie validácie PHP

Musíme zmeniť nastavenia v súbore settings.json tak, aby VS Code mohol nájsť PHP pre validáciu kódu.

Stlačením dôležitej klávesovej skratky Ctrl + Shift + P vyvoláme rýchle menu, kam napíšeme Preferences: Open User Settings (JSON) a túto položku vyberieme.

Otvorí sa nám súbor settings.json, do ktorého vložíme nasledujúci kód:

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

Výsledný skript by mohol na Windows vyzerať nasledovne:

VS Code má kontrolu PHP syntaxe štandardne zapnutú.

Pridanie užitočných rozšírení

Otvoríme panel Extensions pomocou Ctrl + Shift + X.

Intelephense

Intelephense je rozšírenie pre VS Code, ktoré výrazne zlepší prácu s PHP. Samotný VS Code vie PHP základni zvýrazniť a skontrolovať syntax, ale Intelephense pridáva „múdrejšiu“ prácu s kódom. Pridáva pokročilé rozšírenie pre našepkávanie, orientáciu v projekte a kontrolu chýb. Rozšíženie si necháme vyhľadať vo vyhľadávacom poli a následne si ho nainštalujeme.

Inštaláciu povolíme kliknutím na tlačidlo Trust Publisher & Install:

Týmto máme základné nastavenia VS Code pre prácu s PHP za sebou.

GitHub Copilot – Pomocník priamo v tvojom editore

GitHub Copilot je AI asistent vyvinutý spoločnosťami GitHub a OpenAI určený na prácu so zdrojovým kódom. Je súčasťou štandardnej inštalácie Visual Studia Code, a to konkrétne v podobe vstavaného rozšírenia GitHub Copilot Chat. Dokáže napríklad navrhovať doplnenie rozpísaného kódu, vysvetľovať existujúci kód, generovať nové časti programu alebo pomáhať pri hľadaní chýb.

Copilot využíva rôzne AI modely. Konkrétne dostupné modely sa môžu meniť podľa tarify a nastavenia služby, preto sa nebudeme viazať na jeden konkrétny model alebo jeho poskytovateľa.

Je ale dôležité počítať s tým, že Copilot nie je neomylný. Navrhnutý kód môže obsahovať chyby, nemusí vždy zodpovedať zadaniu a niekedy odporučí aj nevhodné riešenie. Preto je potrebné jeho návrhy priebežne kontrolovať a premýšľať nad nimi.

Prihlásenie do GitHub Copilot

Do GitHub Copilota sa prihlásime kliknutím na modré tlačidlo Sign In:

Otvorí sa stránka GitHubu v prehliadači, kde sa prihlásime k nášmu GitHub účtu:

Na nasledujúcej stránke potvrdíme autorizáciu kliknutím na tlačidlo Continue:

Pokiaľ sa objaví v prehliadači vyskakovacie okno, potvrdíme akciu kliknutím na tlačidlo Open Visual Studio Code:

Práca s GitHub Copilotom

Akonáhle je Copilot aktívny, začne v reálnom čase generovať návrhy na doplnenie kódu. Pokiaľ začneme písať metódu, Copilot sa pokúsi navrhnúť jej logiku. Pri práci s triedami alebo cyklami dokáže generovať celé bloky kódu. Vie sa dokonca učiť z nášho štýlu kódovania a prispôsobiť mu svoje návrhy.

Otvoríme súbor index.php a začneme písať jednoduchý kód. Ak sa zobrazí vhodný návrh, prijmeme ho klávesom Tab:

Inline Chat

Pre rýchlu úpravu alebo vysvetlenie kódu môžeme použiť Inline Chat. Umožňuje klásť otázky, získavať vysvetlenie ku kódu alebo generovať celé bloky kódu na základe zadania. Toto malé chatovacie okno sa nám otvorí priamo v kóde po stlačení klávesovej skratky Ctrl + i:

Chat view

Pre dlhšiu konverzáciu použijeme Chat view. Je umietnený v pravej časti obrazovky, prípadne je chat dostupný po kliknutí na ikonu Toggle Chat v hornom paneli alebo cez klávesovú skratku Ctrl + Alt + i.

Do chatu môžeme zadať prompt, napríklad na vygenerovanie triedy s funkciou na výpočet kvadratickej rovnice:

Príklad berme len ako ukážku možností použitia Copilota. Neočakáva sa v tejto fázy, že kódu vygenerovanému budete aj rozumieť.

Po odoslaní promptu nám GitHub Copilot poskytne hotový kód, ktorý sa vloží do otvoreného súboru:

Pomocou asistenta môžeme tiež pracovať s aktuálne otvoreným súborom, napríklad môžeme zadať prompt pre nájdenie chýb v našom kóde (chyby sú napríklad v riadkoch 13, 18 a 23):

Zhrnutie lekcie

V tejto lekcii sme si nastavili Visual Studio Code pre prácu s PHP. Naučili sme sa nastaviť cestu k PHP interpretu v súbore settings.json a nainštalovali sme rozšírenie Intelephense pre pokročilé doplňovanie a kontrolu kódu. Ďalej sme sa zoznámili s AI asistentom GitHub Copilot, ktorý nám pomáha s písaním, vysvetľovaním a opravovaním kódu. Vyskúšali sme si automatické dopĺňanie kódu, Inline Chat pre rýchle otázky priamo v editore a Chat view pre rozsiahlejšiu prácu s asistentom. Tiež sme si vysvetlili, prečo je dôležité návrhy umelej inteligencie vždy kontrolovať.