{"id":229097,"date":"2022-10-24T14:10:00","date_gmt":"2022-10-24T11:10:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229097"},"modified":"2022-11-09T05:30:51","modified_gmt":"2022-11-09T02:30:51","slug":"xdebug-visual-studio-code-ja-mamp","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/xdebug-visual-studio-code-ja-mamp\/","title":{"rendered":"Xdebug, Visual Studio Code ja MAMP"},"content":{"rendered":"\n<p>Xdebugin ja Visual Studio Coden k\u00e4ytt\u00e4minen on melko helppoa asentaa, mutta koska k\u00e4yt\u00e4n edelleen <a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio<\/a> Codea, pit\u00e4isi kertoa sinulle, kuinka paljon olen IDE-fani.<\/p>\n<p>Mutta t\u00e4ss\u00e4 on asia:<\/p>\n<p>Jos olet WordPress-kehitt\u00e4j\u00e4, virheenkorjaus on jotain, joka sinun on todella opittava. Eli \u00e4l\u00e4 k\u00e4yt\u00e4 <a href=\"https:\/\/php.net\/manual\/en\/function.print-r.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\"><code>print_r<\/code><\/a>ja <a href=\"https:\/\/php.net\/manual\/en\/function.var-dump.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\"><code>var_dump<\/code><\/a>jos voit auttaa. K\u00e4yt\u00e4 laillista debuggeria. Se auttaa sinua ajattelemaan niin kuin tulkki ajattelee ja se auttaa sinua oppimaan hieman enemm\u00e4n Coresta.<\/p>\n<p>Nyt kun olen poissa saippualaatikostani, tarvittavien ty\u00f6kalujen asentaminen on helppoa. Artikkelissa oletetaan, ett\u00e4 k\u00e4yt\u00e4t MAMP Prota (koska k\u00e4yt\u00e4n sit\u00e4), mutta jos sinulla on p\u00e4\u00e4sy php.iniin, voit seurata sit\u00e4.<\/p>\n<h2>Xdebug, Visual Studio Code ja sen k\u00e4ytt\u00f6\u00f6notto<\/h2>\n<p>Niille, jotka eiv\u00e4t ole ennen kuulleet <a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Xdebugista<\/a>, ajattele sit\u00e4 ohjelmistona, jonka avulla voit keskeytt\u00e4\u00e4 ohjelman sen ollessa k\u00e4ynniss\u00e4 ja n\u00e4hd\u00e4 muuttujien arvot, suoritettavan menetelm\u00e4n, kutsupinon ja niin edelleen. .<\/p>\n<p>Voit lukea siit\u00e4 lis\u00e4\u00e4 <a href=\"https:\/\/xdebug.org\/index.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kotisivulla<\/a>, mutta t\u00e4ss\u00e4 on sen ydin:<\/p>\n<blockquote>\n<p>PHP-laajennus tehokkaaseen virheenkorjaukseen. Se tukee pino- ja toimintoj\u00e4ljityst\u00e4, profilointitietoja ja muistin varausta ja komentosarjan suoritusanalyysi\u00e4.<\/p>\n<\/blockquote>\n<p>Tied\u00e4n \u2013 muistin varaaminen, komentosarjan suoritusanalyysi jne. kuulostaa tyls\u00e4lt\u00e4, jos et ole sellaisista asioista kiinnostunut, mutta arvoa, jonka saat suorittamalla jotain t\u00e4llaista, ei voi aliarvioida.<\/p>\n<p>N\u00e4in saat sen toimimaan MAMPin ja Visual Studion kanssa.<\/p>\n<h3>1 M\u00e4\u00e4rit\u00e4 MAMP Pro<\/h3>\n<p>WordPressin perusvaatimusten vuoksi oletan, ett\u00e4 k\u00e4yt\u00e4t PHP 5.6.28:aa (mutta vaiheet toimivat samalla tavalla).<\/p>\n<p>Varmista ensin, ett\u00e4 Xdebug on k\u00e4yt\u00f6ss\u00e4 <a href=\"https:\/\/www.mamp.info\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MAMP Pron<\/a> kojelaudassa.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167972-61e7aac0b1935.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-167972-61e7aac0b1935.png\" alt=\"Xdebug, Visual Studio Code ja MAMP\" ><\/a><\/p>\n<p>Valitse seuraavaksi MAMP Pro -valikosta <strong>Muokkaa mallia &gt; PHP 5.6.28<\/strong> ja etsi sitten PHP-kokoonpanon mallitiedostosta alue, jossa Xdebug sijaitsee:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167972-61e7aac4971dd.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-167972-61e7aac4971dd.png\" alt=\"Xdebug, Visual Studio Code ja MAMP\" ><\/a><\/p>\n<p>Varmista, ett\u00e4 se n\u00e4ytt\u00e4\u00e4 <a href=\"https:\/\/gist.github.com\/tommcfarlin\/55caa7164a4cf980b21b626533173043#file-00-php-ini\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u00e4lt\u00e4<\/a> :<\/p>\n<pre><code>[xdebug]\nMAMP_Xdebug_MAMPzend_extension=\"\/Applications\/MAMP\/bin\/php\/php5.6.28\/lib\/php\/extensions\/no-debug-non-zts-20131226\/xdebug.so\"\nxdebug.remote_enable=1\nxdebug.remote_host=localhost\nxdebug.remote_port=9000\nxdebug.remote_autostart=1\nxdebug.profiler_enable=0\nxdebug.profiler_output_dir=\"\/Applications\/MAMP\/tmp\"<\/code><\/pre>\n<p>Tallennuksen j\u00e4lkeen MAMP Pro saattaa pyyt\u00e4\u00e4 sinua k\u00e4ynnist\u00e4m\u00e4\u00e4n uudelleen. Jos n\u00e4in on, tee niin. Vaikka ei, suosittelen, ett\u00e4 k\u00e4ynnist\u00e4t uudelleen.<\/p>\n<h3>2 Kokoonpano Visual Studio Code<\/h3>\n<p>Siirry seuraavaksi Visual <a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Studio Codessa<\/a> <strong>Laajennukset<\/strong> &#8211; ruutuun ja etsi <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=felixfbecker.php-debug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHP Debug<\/a>. Asenna se ja aktivoi se.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167972-61e7aac8b48f0.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-167972-61e7aac8b48f0.png\" alt=\"Xdebug, Visual Studio Code ja MAMP\" ><\/a><\/p>\n<p>Kun olet valmis, sinun on ehk\u00e4 ladattava IDE uudelleen. Vaikka se ei kehottaisi sinua tekem\u00e4\u00e4n niin, suosittelen sit\u00e4. Sielt\u00e4 Xdebug asennetaan ja olet valmis aloittamaan virheenkorjauksen.<\/p>\n<h2>Kuinka voin tehd\u00e4 virheenkorjauksen?<\/h2>\n<p>T\u00e4m\u00e4 vaatii hieman enemm\u00e4n l\u00e4pik\u00e4ynti\u00e4, jonka haluan jakaa t\u00e4ss\u00e4 postauksessa. Toisin sanoen t\u00e4m\u00e4 viesti on lyhyt, mutta aika asioiden asettamiseen on hieman pidempi.<\/p>\n<p>Joten seuraavassa postauksessa k\u00e4yn l\u00e4pi, kuinka voit korjata osan omasta koodistasi, ja n\u00e4et sen toiminnassa.<\/p>\n<p>Voit k\u00e4sitell\u00e4 normaalia MAMP:ia, jos lis\u00e4\u00e4t tietoa <a href=\"https:\/\/dillieodigital.wordpress.com\/2015\/03\/10\/quick-tip-enabling-xdebug-in-mamp-for-osx\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u00e4\u00e4lt\u00e4<\/a>.<\/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>Xdebug ja Visual Studio Code ovat kaksi asiaa, jotka voivat todella auttaa kehityst\u00e4si koodia kirjoitettaessa. N\u00e4in m\u00e4\u00e4rit\u00e4t Xdebugin IDE:ss\u00e4.<\/p>\n","protected":false},"author":1,"featured_media":223708,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[719,895,843],"tags":[1166],"class_list":["post-229097","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kehittaejae","category-koodi","category-opetusohjelmia","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/229097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=229097"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/229097\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/223708"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=229097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=229097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=229097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}