✅ WEB ja WordPressi uudised, teemad, pistikprogrammid. Siin jagame näpunäiteid ja parimaid veebisaidi lahendusi.

Visual Studio koodi silur: aabits ja ekraanisaade

10

Eelmistes postitustes olen natuke rääkinud sellest, miks on korraliku siluri kasutamine võrreldes mõne PHP sisseehitatud lausega oluline. Viimases postituses kirjeldan isegi, kuidas seadistada Xdebugi Visual Studio koodiga (ja MAMP Proga, kui kasutate).

Aga kui te pole kunagi varem sellist tööriista kasutanud, te pole kunagi näinud, kuidas see töötab, või te pole kunagi näinud, miks see nii võimas on, tahan seda selles postituses veidi käsitleda.

Nii et ma kavatsen seda teha mõne definitsiooni ja ekraanipiltide ning lõpus oleva lühikese ekraanipildi kontekstis, et saaksin näidata Visual Studio Code silurit töös.

Visual Studio koodi silur

Eeldusel, et teil on silur installitud; on mõned terminid, mida tasub õppida. Muidugi, neid on rohkem, kuid neid pean võtmetähtsusega:

  • Katkestuspunktid on koht, kus te käsite programmil selle täitmine peatada. Kui kood on sellel hetkel peatunud, saate uurida muutujaid, vaadata, millised väärtused on mällu salvestatud ja nii edasi.
  • Kellad on koodi muutujad, mida soovite sõna otseses mõttes jälgida, kuna need muutuvad muutujate täitmise ajal.
  • Start paneb siluri käima. Isegi kui teil on katkestuspunktid ja kellad seadistatud, ei tee silur midagi enne, kui selle käivitate.
  • Step Into on toiming, mis kui vajutate funktsiooni kutsele, viib teid käivitatavasse funktsiooni. Mõnikord on see kasulik, näiteks kui soovite näha, mida funktsioon teeb; muul ajal pole see vajalik, kui hoolite ainult funktsiooni täitmisest või ainult sellest, mida see tagastab.
  • Step Over võimaldab teil astuda üle funktsiooni täitmisest nii, et programmi täitmine peatub kohe pärast funktsiooni, millest olete üle astunud, lõpetamist.
  • Väljumist kasutatakse siis, kui olete astunud funktsiooni, jõudnud punkti, kus olete koodi hindamise lõpetanud, ja seejärel valmis astuma tagasi sinna, kus olite murdepunkti määranud.
  • Stopp lõpetab siluri täitmise.

Kõlab suhteliselt selgelt, kas pole? Minu arvates on seda kõige lihtsam näha.

Veelgi enam, et näha, millised ikoonid mida teevad, on tavaliselt kõige parem hõljutada kursorit nende kohal ja seejärel lugeda tööriistavihjeid. aga pärast mõnda aega või paari nende kasutamist saate tuttavaks, mida mõlemad teevad.

Lõppude lõpuks on ikoonid üsna kirjeldavad.

Näide

Seda arvestades, eeldades, et olete järginud eelmises artiklis toodud samme, on siin lühike näide, kuidas saate määrata katkestuspunkti ja jälgida selle täitmist pistikprogrammi kaudu.

1 Katkestuspunkt

Pange tähele, et alloleval pildil olen paigutanud katkestuspunkti koodirea kõrvale (nagu näitab punane täpp).

See on koht, kus täitmine peatub, kui käivitan siluri ja alustan programmi käivitamist.

2 Seadke kell

Järgmiseks tähendab muutuja vaatamine seda, et tahame näha muutuja väärtust kogu programmi elutsükli jooksul. Allpool lisan muutujale $description kella.

Visual Studio koodi silur: aabits ja ekraanisaade

Järgmises jaotises näete kella väärtust pärast seda, kui programm on selle koodirea läbinud.

3 Hinnake kella

Kui kood on selle rea läbinud, näete muutuja väärtust silumispaani jaotises Jälgimine .

Visual Studio koodi silur: aabits ja ekraanisaade

Pange tähele, et funktsioonis on väljakutse woocommerce_wp_text_input. Kasutame seda funktsiooni näitena funktsiooni sisenemiseks, kuna see on funktsioon, mis on osa WooCommerce’i tuumast.

4 Valmistuge sisse astuma

Enne funktsioonile sisenemist on oluline veenduda, et funktsiooni nimi on esile tõstetud.

Visual Studio koodi silur: aabits ja ekraanisaade

Kui see on tehtud, saate funktsioonis toimuva nägemiseks klõpsata nupul Astu sisse .

5 Astuge sisse

Pärast sisseastumist näete koodi, mida te ei kirjutanud. Selle asemel on see kood, mis on osa WooCommerce’ist (vähemalt selles näites).

Visual Studio koodi silur: aabits ja ekraanisaade

Oma kogemuse põhjal näete koodi, mille kirjutasite võib-olla teie või mille kirjutas keegi teine.

6 Astuge välja

Kui olete koodist välja astunud, naasete kohe pärast koodi sisenemist koodireale.

Visual Studio koodi silur: aabits ja ekraanisaade

On loogiline?

Ekraanisaade

Ja lõpuks, siin on väga lühike ekraanisaade, mis näitab, kuidas kõik ülaltoodud näeb välja:

Nagu videos mainitud, pole see kaugeltki kõikehõlmav, kuid sellest peaks piisama, et näidata, kui võimas silumine võib olla.

See võtab aega ja harjutamist

Silumine võtab veidi rohkem aega kui muutujate ekraanile kuvamine.

Ja ma ei ütle, et selle tegemisel pole oma kohta; Kui aga soovite saada sügavamalt aru, mis toimub programmi käitamise ajal või soovite näiteks WordPressi tuuma uurida, on siluri kasutamine selleks väga hea viis.

Lisaks väidan, et siluri kasutamine võib aidata paremini mõista, mis teie koodi kontekstis valesti (või õigesti) läheb, nii et saate luua sellele parima võimaliku lahenduse.

See veebisait kasutab teie kasutuskogemuse parandamiseks küpsiseid. Eeldame, et olete sellega rahul, kuid saate soovi korral loobuda. Nõustu Loe rohkem