{"id":230278,"date":"2022-12-06T16:44:00","date_gmt":"2022-12-06T13:44:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230278"},"modified":"2022-12-07T12:17:03","modified_gmt":"2022-12-07T09:17:03","slug":"xdebugi-installimine-2-osa-ide","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/xdebugi-installimine-2-osa-ide\/","title":{"rendered":"Xdebugi installimine, 2. osa: IDE"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/tommcfarlin.com\/installing-xdebug-1\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">N\u00fc\u00fcd, kui Xdebug on installitud teie kohaliku PHP installiga<\/a><\/strong>, on aeg \u00fchendada see IDE-ga. See annab meile k\u00f5ik eelised, mida Xdebugil on pakkuda.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e7414e9e342.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e7414e9e342.png\" alt=\"Xdebugi installimine, 2. osa: IDE\"><\/a><\/p>\n<p>See t\u00e4hendab, et see v\u00f5imaldab meil:<\/p>\n<ul>\n<li>seadke murdepunktid,<\/li>\n<li>astuge l\u00e4bi meie koodi,<\/li>\n<li>ja vaadata muutujaid<\/li>\n<\/ul>\n<p>Kogu selle aja, kui programm t\u00f6\u00f6tab. See t\u00e4hendab, et lehe renderdamise ajal saame m\u00e4\u00e4rata oma koodibaasi punktid, kust n\u00e4eme, mida server meie koodiga teeb.<\/p>\n<p>Seega, kuigi seda nimetatakse vigade eemaldamiseks silumiseks, v\u00f5ib see anda ka \u00fclevaate WordPressi-p\u00f5hise rakenduse, teema v\u00f5i pistikprogrammi t\u00f6\u00f6p\u00f5him\u00f5ttest ja aitab meil WordPressi tuumast paremini aru saada.<\/p>\n<h2>Xdebugi installimine Visual Studio Code&#8217;is<\/h2>\n<p>Sel hetkel peaks teie kohalikus masinas olema seadistatud j\u00e4rgmine keskkond:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/local-development-for-the-indie-wordpress-developer\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Valet<\/a><\/strong> (mis sisaldab Nginxi ja MySQL-i ning <strong><a href=\"https:\/\/tommcfarlin.com\/databases-and-tools-indie-wordpress-developer\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">nendega seotud t\u00f6\u00f6riistu<\/a><\/strong> )<\/li>\n<li><strong><a href=\"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-installimine-kohalikuks-arendamiseks\/\" title=\"WordPress\">WordPress<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/the-independent-wordpress-developer\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio kood<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/installing-xdebug-1\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Xdebug<\/a><\/strong><\/li>\n<\/ul>\n<p>\u00dclej\u00e4\u00e4nud \u00fclesanded k\u00f5igi \u00fclalnimetatute jaoks h\u00f5lmavad Xdebugi sidumist Visual Studio koodiga, et saaksime s\u00f5na otseses m\u00f5ttes, kuidas WordPress (ja seega ka meie t\u00f6\u00f6) toimib, mida see teeb ja nii edasi, kui see brauseris t\u00f6\u00f6tab.<\/p>\n<p>Seda \u00f6eldes alustame.<\/p>\n<h3>1 Vajalike laienduste installimine<\/h3>\n<p>Esmalt veendume, et PHP silumislaiendus on Visual Studio Code&#8217;i installitud. IDE k\u00fclgribal asuvast men\u00fc\u00fcst Laiendused otsige PHP Debug ja peaksite n\u00e4gema j\u00e4rgmist ekraani.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e74153b170c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e74153b170c.png\" alt=\"Xdebugi installimine, 2. osa: IDE\"><\/a><\/p>\n<p>Kui laiendus pole veel installitud, installige see. Uue laienduse j\u00f5ustumiseks peate v\u00f5ib-olla taask\u00e4ivitama Visual Studio Code.<\/p>\n<p>Siin on m\u00f5ned t\u00e4iendavad konfiguratsiooniseaded, mida peame enne mis tahes koodi silumist kontrollima.<\/p>\n<h3>2 Xdebugi seadistamine (veelgi rohkem!)<\/h3>\n<p>Tuletame meelde <strong><a href=\"https:\/\/tommcfarlin.com\/installing-xdebug-1\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">eelmisest postitusest<\/a><\/strong>, mille kohaselt pidime Xdebugi oma <strong>php.ini<\/strong> faili kaasama. T\u00e4psemalt pidime Xdebugi lubamiseks lisama <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/426e02bcfc411d43be6715b3e84ead7e#file-18-reference-xdebug-txt\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">j\u00e4rgmise koodirea:<\/a><\/strong><\/p>\n<pre><code>zend_extension=\"\/usr\/local\/lib\/php\/pecl\/20160303\/xdebug.so\"<\/code><\/pre>\n<p>N\u00fc\u00fcd peame natuke rohkem t\u00f6\u00f6d tegema.<\/p>\n<ol>\n<li>peame lisama konfiguratsioonirea faili <strong>php.ini<\/strong>, millele viidati <strong><a href=\"https:\/\/tommcfarlin.com\/installing-xdebug-1\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">viimases postituses<\/a><\/strong> ,<\/li>\n<li>peame seadistama demoskripti, et veenduda \u00f5ige Xdebugi jaotise olemasolus,<\/li>\n<li>peame konfigureerima Visual Studio koodi<\/li>\n<\/ol>\n<p>\u00d5nneks on k\u00f5ik \u00fclaltoodud suhteliselt kiired \u00fclesanded. Esiteks, konfiguratsioonirida, mille soovite oma failile lisada, <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/426e02bcfc411d43be6715b3e84ead7e#file-20-set-xdebug-txt\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">on j\u00e4rgmine:<\/a><\/strong><\/p>\n<pre><code>[XDebug]\nxdebug.remote_enable = 1\nxdebug.remote_autostart = 1<\/code><\/pre>\n<p>J\u00e4rgmisena seadistage demoskript ja \u00fchendage see Valetiga. Seda saab teha lihtsalt, luues oma t\u00f6\u00f6lauale kataloogi, luues midagi nagu <strong>test.php<\/strong> ja seej\u00e4rel lisades <strong>phpinfo();<\/strong> faili juurde.<\/p>\n<p>P\u00e4rast seda <strong><a href=\"https:\/\/laravel.com\/docs\/5.6\/valet#the-link-command\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">linkige<\/a><\/strong> kataloog ja <strong><a href=\"https:\/\/laravel.com\/docs\/5.6\/valet#other-valet-commands\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">taask\u00e4ivitage<\/a><\/strong> Valet. Juhtusin nimetama oma kataloogi n\u00e4idet ja viskasin kataloogi <strong>test.php<\/strong> faili.<\/p>\n<p>Kui k\u00f5ik on \u00f5igesti konfigureeritud, peaksite saama faili brauseris laadida ja n\u00e4gema midagi sellist:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e74157a25f2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e74157a25f2.png\" alt=\"Xdebugi installimine, 2. osa: IDE\"><\/a><\/p>\n<p>Ja n\u00fc\u00fcd peame Xdebugi konfigureerima. Seega eeldades, et k\u00f5ik eelnev on l\u00e4inud h\u00e4sti ja laiendused on korralikult installitud ja t\u00f6\u00f6tavad, peaks Visual Studio Code&#8217;iga t\u00f6\u00f6tamine olema lihtne.<\/p>\n<p>Loomulikult vajame demoskripti, mida saaksime testida, nii <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/426e02bcfc411d43be6715b3e84ead7e#file-21-test-php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">et kirjutasin \u00fcles midagi, mis on triviaalne<\/a><\/strong>, kuid mis annab teile aimu, mida murdepunktide m\u00e4\u00e4ramisel oodata ja mida mitte.<\/p>\n<pre><code>&lt;?php\n\n\/\/ First, set a sample name.\n$exampleName = 'alice';\necho $exampleName;\n\n\/\/ Next, change the name and display it.\nif ('alice' === $exampleName) {\n    $exampleName = 'bob';\n}\necho $exampleName;\n<\/code><\/pre>\n<p>N\u00fc\u00fcd p\u00f6\u00f6rame t\u00e4helepanu IDE-le. Kl\u00f5psake Visual Studio Code&#8217;is ikooni <strong>Silumine<\/strong>, mis asub <strong>laienduste<\/strong> ikooni kohal ja <strong>allika juhtimise<\/strong> ikooni all.<\/p>\n<p>M\u00e4rkate \u00fclaosas k\u00fclgribal, et seal on esitusnupp. Selle k\u00f5rval on rippmen\u00fc\u00fc. Sellel v\u00f5ib olla tekst &quot;Seadistus puudub&quot;. Kui see nii on ja ma eeldan, et see nii on, peate j\u00e4rgima m\u00f5nda v\u00e4ga konkreetset sammu, et tagada silumise korrektne toimimine.<\/p>\n<h4>1 Avage skripti kataloog<\/h4>\n<p>Peate veenduma, et olete Visual Studio Code&#8217;is skripti kataloogis.<\/p>\n<p>See t\u00e4hendab, et sellest ei piisa, kui veenduda, et fail on avatud. Visual Studio Code peab teadma, millisest kataloogist te t\u00f6\u00f6tate (kuna loob \u00fclemkataloogis peidetud <strong>.vscode<\/strong> kataloogi).<\/p>\n<h4>2 Looge k\u00e4ivitamise konfiguratsioon<\/h4>\n<p>K\u00e4ivitamise vaikekonfiguratsioon peaks t\u00f6\u00f6tama juba karbist v\u00e4lja, kuid see p\u00f5hineb eelmisel etapil.<\/p>\n<p>Kui olete Visual Studio Code&#8217;is kataloogi (minu puhul selle, mis sisaldab <strong>test.php<\/strong>) avanud, k\u00e4ivitage k\u00e4supalett (saate seda teha otsetee kaudu, mis erineb operatsioonis\u00fcsteemiti v\u00f5i kasutades men\u00fc\u00fcd <strong>Abi<\/strong> ja seej\u00e4rel valige Command Pallete).<\/p>\n<p>Kui see kuvatakse, sisestage <strong>&gt; launch.json<\/strong> ja see annab teile v\u00f5imaluse vaadata faili <strong>launch.json<\/strong>. Karbist v\u00e4lja v\u00f5ttes peaks see <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/426e02bcfc411d43be6715b3e84ead7e#file-22-launch-json\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">v\u00e4lja n\u00e4gema selline<\/a><\/strong> :<\/p>\n<pre><code>{\n    \/\/ Use IntelliSense to learn about possible attributes.\n    \/\/ Hover to view descriptions of existing attributes.\n    \/\/ For more information, visit: https:\/\/go.microsoft.com\/fwlink\/?linkid=830387\n    \"version\": \"0.2.0\",\n    \"configurations\": [\n        {\n            \"name\": \"Listen for XDebug\",\n            \"type\": \"php\",\n            \"request\": \"launch\",\n            \"port\": 9000\n        },\n        {\n            \"name\": \"Launch currently open script\",\n            \"type\": \"php\",\n            \"request\": \"launch\",\n            \"program\": \"${file}\",\n            \"cwd\": \"${fileDirname}\",\n            \"port\": 9000\n        }\n    ]\n}<\/code><\/pre>\n<p>Sel hetkel peaks <strong>silumismen\u00fc\u00fcs<\/strong> esitusikooni k\u00f5rval olema midagi sellist nagu K\u00e4ivita praegu avatud skript. Kui ei, siis annab see teile v\u00f5imaluse valida midagi, n\u00e4iteks PHP (kuna meil on laiendus installitud).<\/p>\n<p>Kui jah, siis valige see valik.<\/p>\n<h3>3 M\u00e4\u00e4rake murdepunktid<\/h3>\n<p>N\u00fc\u00fcd on aeg n\u00e4ha silurit t\u00f6\u00f6s. Siinkohal minge edasi ja k\u00e4ivitage oma testskriptiga brauseriaken.<\/p>\n<p>Minu oma on lihtne:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e7415b5ced0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e7415b5ced0.png\" alt=\"Xdebugi installimine, 2. osa: IDE\"><\/a><\/p>\n<p>P\u00e4rast seda lootke oma IDE-le ja kl\u00f5psake reanumbrist vasakul asuval vasakpoolsel paanil. See m\u00e4\u00e4rab m\u00f5ned murdepunktid.<\/p>\n<p>Siin on n\u00e4ide:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e7415f30251.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e7415f30251.png\" alt=\"Xdebugi installimine, 2. osa: IDE\"><\/a><\/p>\n<p>N\u00fc\u00fcd kl\u00f5psake siluri jaoks nuppu <strong>Esita .<\/strong> Peaksite kohe m\u00e4rkama, et olekuriba muutub oran\u017eiks ja m\u00f5ned silumisjuhtelemendid (J\u00e4tka, Astu sisse, Astu v\u00e4lja, Taask\u00e4ivita ja Peata). Meid need hetkel ei huvita, sest vaatleme neid j\u00e4rgmises postituses p\u00f5hjalikumalt.<\/p>\n<p>Pange t\u00e4hele ka seda, et teie vasakpoolsel paanil on teavet muutujate, kellade ja muu kohta. Kui olete oma kohalikele muutujatele m\u00e4\u00e4ranud katkestuspunktid, m\u00e4rkate, et <strong>$exampleName<\/strong> on esile t\u00f5stetud, kuid t\u00f5en\u00e4oliselt initsialiseerimata.<\/p>\n<p>Kl\u00f5psake uutes ilmunud juhtelementides nuppu <strong>Esita ja see peaks kulgema j\u00e4rgmise katkestuspunktini.<\/strong><\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e7416248504.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162583-61e7416248504.png\" alt=\"Xdebugi installimine, 2. osa: IDE\"><\/a><\/p>\n<p>Rida t\u00f5stetakse n\u00fc\u00fcd esile ja silumispaanil antakse v\u00e4\u00e4rtusele <strong>$exampleName v\u00e4\u00e4rtus.<\/strong> Minu puhul on see Alice.<\/p>\n<p>Saate sellega edasi m\u00e4ngida nii palju kui soovite, et siluri toimimisest aimu saada.<\/p>\n<h2>J\u00e4rgmine kord, ekraanisaated<\/h2>\n<p>Silumine on v\u00f5imas, kuid v\u00f5ib olla mitmel viisil hirmutav. Alates j\u00e4rgmisest postitusest hakkan jagama m\u00f5nda ekraani\u00fclekannet, mis kirjeldavad, kuidas:<\/p>\n<ul>\n<li>silumisfunktsioonid ja muutujad,<\/li>\n<li>muuta v\u00e4\u00e4rtusi lennult,<\/li>\n<li>t\u00f6\u00f6tada silumiskonsooliga,<\/li>\n<li>ja veel.<\/li>\n<\/ul>\n<p>Need v\u00f5tavad natuke rohkem aega, sest need on videod, mis kirjeldavad, kuidas seda teha, kuid kasu peaks olema suur.<\/p>\n<p>Kui teil pole veel olnud v\u00f5imalust selle sarja kogu sisuga tutvuda, soovitan seda soojalt.<\/p>\n<h3>\ud83d\udce3 M\u00e4rkus liikmeh\u00fcvede kohta<\/h3>\n<p>Pange t\u00e4hele, et enne j\u00e4rgmist postitust ekraani\u00fclekannete ja selle seeria j\u00e4rgmise osa kohta on mul m\u00f5ned spetsiaalselt saidi liikmetele m\u00f5eldud teadaanded, mis sisaldavad allahindlusi WordPressi-p\u00f5hisele tarkvarale.<\/p>\n<p>Ma r\u00e4\u00e4gin sellest l\u00e4hemalt j\u00e4rgmisel n\u00e4dalal.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>P\u00e4rast Xdebugi installimist saate selle oma IDE-ga \u00fchendada ja saada \u00fclevaate koodi muutujatest, funktsioonidest ja kogu programmi k\u00e4ivitamise j\u00e4rjekorrast.<\/p>\n","protected":false},"author":1,"featured_media":236530,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[718],"tags":[1165],"class_list":["post-230278","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/230278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=230278"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/230278\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/236530"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=230278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=230278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=230278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}