{"id":228405,"date":"2022-10-24T13:59:00","date_gmt":"2022-10-24T10:59:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228405"},"modified":"2022-11-09T02:17:01","modified_gmt":"2022-11-08T23:17:01","slug":"xdebug-visual-studio-code-och-mamp","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/xdebug-visual-studio-code-och-mamp\/","title":{"rendered":"Xdebug, Visual Studio Code och MAMP"},"content":{"rendered":"\n

Att anv\u00e4nda Xdebug och Visual Studio Code \u00e4r n\u00e5got som \u00e4r ganska l\u00e4tt att st\u00e4lla in, men med tanke p\u00e5 att jag fortfarande anv\u00e4nder Visual Studio Code<\/a> borde det ber\u00e4tta n\u00e5got om hur mycket jag \u00e4r ett fan av IDE.<\/p>\n

Men h\u00e4r \u00e4r grejen:<\/p>\n

Om du \u00e4r en WordPress-utvecklare \u00e4r fels\u00f6kning n\u00e5got du verkligen beh\u00f6ver l\u00e4ra dig. Det vill s\u00e4ga, anv\u00e4nd inte print_r<\/code><\/a>och var_dump<\/code><\/a>om du kan hj\u00e4lpa det. Anv\u00e4nd en legitim debugger. Det hj\u00e4lper dig att t\u00e4nka som tolken tycker och det hj\u00e4lper dig att l\u00e4ra dig lite mer om Core.<\/p>\n

Nu n\u00e4r jag \u00e4r borta fr\u00e5n tv\u00e5ll\u00e5dan \u00e4r det l\u00e4tt att f\u00e5 de n\u00f6dv\u00e4ndiga verktygen installerade. Artikeln f\u00f6ruts\u00e4tter att du anv\u00e4nder MAMP Pro (eftersom det \u00e4r det jag anv\u00e4nder), men om du har tillg\u00e5ng till php.ini s\u00e5 kommer du att kunna f\u00f6lja med.<\/p>\n

Xdebug, Visual Studio Code och konfigurera den<\/h2>\n

F\u00f6r de som inte har h\u00f6rt talas om Xdebug<\/a> tidigare, t\u00e4nk p\u00e5 det som en mjukvara som l\u00e5ter dig pausa ditt program medan det k\u00f6rs och se vilka v\u00e4rden som variabler har, vilken metod som exekveras, anropsstacken och s\u00e5 vidare .<\/p>\n

Du kan l\u00e4sa mer om det p\u00e5 hemsidan<\/a>, men h\u00e4r \u00e4r k\u00e4rnan i det:<\/p>\n

\n

En PHP-till\u00e4gg f\u00f6r kraftfull fels\u00f6kning. Den st\u00f6der stack- och funktionssp\u00e5rningar, profileringsinformation och minnesallokering och analys av skriptk\u00f6rning.<\/p>\n<\/blockquote>\n

Jag vet \u2013 minnesallokering, skriptexekveringsanalys, etc. l\u00e5ter lite tr\u00e5kigt om du inte gillar s\u00e5nt, men v\u00e4rdet du f\u00e5r av att k\u00f6ra n\u00e5got s\u00e5dant h\u00e4r kan inte underskattas.<\/p>\n

Som sagt, s\u00e5 h\u00e4r f\u00e5r du det att fungera med MAMP och Visual Studio.<\/p>\n

1 Konfigurera MAMP Pro<\/h3>\n

F\u00f6r WordPresss grundkrav kommer jag att anta att du anv\u00e4nder PHP 5.6.28 (men stegen fungerar likadant oavsett).<\/p>\n

Se f\u00f6rst till att Xdebug \u00e4r aktiverat fr\u00e5n MAMP Pro-<\/a> instrumentpanelen.<\/p>\n

\"Xdebug,<\/a><\/p>\n

V\u00e4lj sedan Redigera mall > PHP 5.6.28<\/strong> fr\u00e5n MAMP Pro-menyn och leta sedan upp omr\u00e5det i mallfilen f\u00f6r PHP-konfigurationen d\u00e4r Xdebug finns:<\/p>\n

\"Xdebug,<\/a><\/p>\n

Se till att det ser ut s\u00e5 h\u00e4r<\/a> :<\/p>\n

[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
N\u00e4r du har sparat den kan MAMP Pro uppmana dig att starta om. Om s\u00e5 \u00e4r fallet, g\u00f6r det. \u00c4ven om det inte g\u00f6r det rekommenderar jag att du startar om.<\/p>\n
2 Konfiguration av Visual Studio Code<\/h3>\n
D\u00e4refter, i Visual Studio Code<\/a>, navigera till f\u00f6nstret Extensions<\/strong> och s\u00f6k efter PHP Debug<\/a>. Installera den och aktivera den.<\/p>\n
\"Xdebug,<\/a><\/p>\n
N\u00e4r du \u00e4r klar kan du beh\u00f6va ladda om IDE. \u00c4ven om det inte uppmanar dig att g\u00f6ra det, rekommenderar jag det. D\u00e4rifr\u00e5n \u00e4r Xdebug installerat och du \u00e4r redo att b\u00f6rja fels\u00f6ka.<\/p>\n
Hur fels\u00f6ker jag?<\/h2>\n
Detta kr\u00e4ver lite mer av en genomg\u00e5ng som jag skulle vilja dela med mig av i det h\u00e4r inl\u00e4gget. Det vill s\u00e4ga, det h\u00e4r inl\u00e4gget \u00e4r kort men tiden f\u00f6r att f\u00e5 saker att st\u00e4lla \u00e4r lite l\u00e4ngre.<\/p>\n
S\u00e5 i ett uppf\u00f6ljande inl\u00e4gg kommer jag att g\u00e5 igenom hur du fels\u00f6ker en del av din egen kod och du kan se hur den fungerar.<\/p>\n
Du kan hantera normal MAMP om du inkluderar info h\u00e4rifr\u00e5n<\/a>.<\/p>\n
Inspelningsk\u00e4lla:  tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Xdebug och Visual Studio Code \u00e4r tv\u00e5 saker som verkligen kan hj\u00e4lpa din utveckling n\u00e4r du skriver kod. S\u00e5 h\u00e4r st\u00e4ller du in Xdebug i IDE.<\/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":[848,901,724],"tags":[1173],"class_list":["post-228405","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-handledningar","category-koda","category-utvecklaren","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/228405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=228405"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/228405\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/223708"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=228405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=228405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=228405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}