{"id":229623,"date":"2022-11-24T11:20:00","date_gmt":"2022-11-24T08:20:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229623"},"modified":"2022-11-24T11:20:58","modified_gmt":"2022-11-24T08:20:58","slug":"ide-do-programowania-wordpress-niezaleznie-od-doswiadczenia","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/ide-do-programowania-wordpress-niezaleznie-od-doswiadczenia\/","title":{"rendered":"IDE do programowania WordPress (niezale\u017cnie od do\u015bwiadczenia)"},"content":{"rendered":"\n<p>W <strong><a href=\"https:\/\/wordpress.mediadoma.com\/pl\/srodowisko-programistyczne-wordpress-przy-uzyciu-menedzera-pakietow\/\" title=\"poprzednim artykule\">poprzednim artykule<\/a><\/strong> przeszed\u0142em przez proces konfigurowania lokalnego \u015brodowiska programistycznego za pomoc\u0105 mened\u017cera pakiet\u00f3w. W szczeg\u00f3lno\u015bci m\u00f3wi\u0142em o u\u017cyciu <strong><a href=\"https:\/\/brew.sh\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Homebrew<\/a><\/strong> do zainstalowania <strong><a href=\"https:\/\/laravel.com\/docs\/5.5\/valet\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Valet<\/a><\/strong> i <strong><a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a><\/strong>.<\/p>\n<p>Ten pierwszy oferuje serwer WWW Nginx, serwer bazy danych MySQL, podczas gdy Homebrew umo\u017cliwia instalacj\u0119 PHP. Composer daje mo\u017cliwo\u015b\u0107 radzenia sobie z zale\u017cno\u015bciami PHP. Je\u015bli nie czyta\u0142e\u015b posta, bardzo go polecam, poniewa\u017c ten post opiera si\u0119 na ca\u0142ym tym \u015brodowisku.<\/p>\n<\/p>\n<p>W szczeg\u00f3lno\u015bci b\u0119d\u0119 m\u00f3wi\u0142 o IDE. My\u015bl\u0119, \u017ce to gor\u0105cy temat, ale je\u015bli nie masz preferencji, przeprowadz\u0119 Ci\u0119 przez proces wybierania takiego, kt\u00f3ry moim zdaniem jest najlepszy (przynajmniej na pocz\u0105tek), konfigurowania go i u\u017cywania w kontek\u015bcie <strong><a href=\"https:\/\/wordpress.mediadoma.com\/pl\/srodowisko-programistyczne-wordpress-przy-uzyciu-menedzera-pakietow\/\" title=\"\u015brodowiska ustalonego w zesz\u0142ym tygodniu\">\u015brodowiska ustalonego w zesz\u0142ym tygodniu<\/a><\/strong>.<\/p>\n<h2>IDE do programowania WordPress<\/h2>\n<p>Wielu profesjonalnych programist\u00f3w WordPressa prawdopodobnie us\u0142yszysz, jak rozmawiaj\u0105 o <strong><a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PhpStorm<\/a><\/strong>. I nie bez powodu. U\u017cywam tego konkretnego IDE od ponad roku i jest naprawd\u0119 pot\u0119\u017cny.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768df76d6e.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-164596-61e768df76d6e.png\" alt=\"IDE do programowania WordPress (niezale\u017cnie od do\u015bwiadczenia)\"><\/a><\/p>\n<p>Ma \u015bwietne wsparcie dla wielu zaawansowanych funkcji, jest rozszerzalny i ma wiele zintegrowanych funkcji, kt\u00f3re sprawiaj\u0105, \u017ce jest doskona\u0142ym \u015brodowiskiem do pracy; jednak odkry\u0142em, \u017ce ze wszystkich IDE, kt\u00f3re wypr\u00f3bowa\u0142em, ma r\u00f3wnie\u017c najbardziej strom\u0105 krzyw\u0105 uczenia si\u0119. Jest to r\u00f3wnie\u017c p\u0142atne IDE, kt\u00f3re mo\u017ce by\u0107 dla niekt\u00f3rych wy\u0142\u0105czone. Ale to dobrze. Zajmiemy si\u0119 tym w tym po\u015bcie.<\/p>\n<p>Niekoniecznie jest to z\u0142a rzecz: czasami rzeczy, kt\u00f3rych warto si\u0119 nauczy\u0107, s\u0105 najtrudniejsze w u\u017cyciu. Ale istniej\u0105 alternatywy i staram si\u0119 upewni\u0107, \u017ce wszyscy, kt\u00f3rzy to czytaj\u0105, s\u0105 na tej samej stronie.<\/p>\n<p><strong><a href=\"https:\/\/wordpress.mediadoma.com\/pl\/srodowisko-programistyczne-wordpress-przy-uzyciu-menedzera-pakietow\/\" title=\"Jak wspomnia\u0142em\">Jak wspomnia\u0142em<\/a><\/strong> w poprzednim po\u015bcie:<\/p>\n<blockquote>\n<p>Je\u015bli mam zamiar d\u0142ugo pisa\u0107 o tym materiale, czy powinienem zak\u0142ada\u0107, \u017ce wszyscy korzystamy z tego samego \u015brodowiska?<\/p>\n<\/blockquote>\n<p>Poniewa\u017c myl\u0119 si\u0119 po stronie tak, my\u015bl\u0119, \u017ce dobrze jest wybra\u0107 IDE, kt\u00f3re moim zdaniem b\u0119dzie dobrze wsp\u00f3\u0142pracowa\u0107 z ka\u017cdym \u2013 od tych, kt\u00f3rzy dopiero si\u0119 ucz\u0105, po tych, kt\u00f3rzy s\u0105 nieco bardziej zaawansowani. Wprowad\u017a <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kod programu Visual Studio<\/a><\/strong>.<\/p>\n<h3>Uwaga na temat tego IDE<\/h3>\n<p>Je\u015bli czytasz tego bloga przez d\u0142u\u017cszy czas (lub dopiero zaczynasz), przekonasz si\u0119, \u017ce mam archiwum post\u00f3w na tym konkretnym IDE. Niekt\u00f3re z napisanych przeze mnie post\u00f3w to:<\/p>\n<ul>\n<li><a href=\"https:\/\/tommcfarlin.com\/vs-code-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kod Visual Studio do programowania WordPress<\/a><\/li>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/php-codesniffer-in-visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Konfigurowanie PHP CodeSniffer w Visual Studio Code<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/visual-studio-code-todo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TODO, RECENZJE i FIXME<\/a><\/strong> ,<\/li>\n<li>i tak dalej.<\/li>\n<\/ul>\n<p>W\u0142a\u015bciwie mam ca\u0142e <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">zaleg\u0142o\u015bci<\/a><\/strong>, przez kt\u00f3re mo\u017cesz przej\u015b\u0107. Problem: jest troch\u0119 przestarza\u0142y. Podczas korzystania z PhpStorm, Visual Studio Code (lub w skr\u00f3cie Code) znacznie ulepszy\u0142, odk\u0105d ostatnio go u\u017cywa\u0142em.<\/p>\n<p>Maj\u0105c to na uwadze, niekt\u00f3re z tych materia\u0142\u00f3w mog\u0105 wydawa\u0107 si\u0119 zb\u0119dne, ale ostatecznie doprowadzi nas wszystkich do tej samej strony.<\/p>\n<h3>Kod programu Visual Studio<\/h3>\n<p>Zanim zaczniesz, warto odnie\u015b\u0107 si\u0119 do dw\u00f3ch rzeczy:<\/p>\n<ul>\n<li>Dlaczego kod programu Visual Studio?<\/li>\n<li>Pierwsze kroki z Visual Studio Code<\/li>\n<\/ul>\n<p>To ostatnie jest do\u015b\u0107 du\u017cym tematem, poniewa\u017c zawiera wiele rzeczy do zainstalowania, skonfigurowania i skonfigurowania, wi\u0119c om\u00f3wi\u0119 to, zaczynaj\u0105c od tego postu i kilku nowych, ale przynajmniej warto porozmawia\u0107 o tym, dlaczego Visual Studio Code to solidne IDE do programowania WordPress.<\/p>\n<h3>1 Dlaczego kod programu Visual Studio?<\/h3>\n<p>Opr\u00f3cz tego, \u017ce jest kompatybilny ze wszystkimi g\u0142\u00f3wnymi systemami operacyjnymi, jedn\u0105 z pierwszych rzeczy, na kt\u00f3re nale\u017cy zwr\u00f3ci\u0107 uwag\u0119 w kodzie, jest to, \u017ce przechowuje kopi\u0119 swoich ustawie\u0144 we w\u0142asnym pliku, dzi\u0119ki czemu zawsze mo\u017cesz do niego wr\u00f3ci\u0107, ale mo\u017cesz dostosowa\u0107 go do w\u0142asnych ustawie\u0144 .<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768e50ca51.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-164596-61e768e50ca51.png\" alt=\"IDE do programowania WordPress (niezale\u017cnie od do\u015bwiadczenia)\"><\/a><\/p>\n<p>Co wi\u0119cej, wszystko jest utrzymywane w pliku JSON, kt\u00f3ry pozwala dostosowa\u0107 go do \u015brodowiska, w kt\u00f3rym pracujesz. Mo\u017ce to PHP, mo\u017ce JavaScript, a mo\u017ce to co\u015b zupe\u0142nie innego.<\/p>\n<p>Ponadto utrzymywanie przeno\u015bnych ustawie\u0144 u\u0142atwia udost\u0119pnianie mi\u0119dzy komputerami. Oznacza to, \u017ce mo\u017cesz umie\u015bci\u0107 plik, powiedzmy, w folderze Dropbox i mie\u0107 dost\u0119p do swoich ustawie\u0144 na wszystkich swoich komputerach.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164596-61e768e9bc315.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-164596-61e768e9bc315.png\" alt=\"IDE do programowania WordPress (niezale\u017cnie od do\u015bwiadczenia)\"><\/a><\/p>\n<p>Jest to oczywi\u015bcie pomocne, je\u015bli masz tylko kilka maszyn. A je\u015bli to zrobisz, mo\u017cesz chcie\u0107 zsynchronizowa\u0107 \u015brodowiska programistyczne, aby \u0142atwo by\u0142o mi\u0119dzy nimi zamiesza\u0107.<\/p>\n<h3>2 Pierwsze kroki z kodem Visual Studio<\/h3>\n<p>Rozpocz\u0119cie od IDE jest proste. To naprawd\u0119 kwestia:<\/p>\n<ol>\n<li>Przej\u015bcie do <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">strony g\u0142\u00f3wnej programu,<\/a><\/strong><\/li>\n<li>Pobranie wersji odpowiedniej dla Twojego systemu operacyjnego,<\/li>\n<li>Nast\u0119pnie zainstaluj go.<\/li>\n<\/ol>\n<p>Ale samo zainstalowanie go nie wystarczy, prawda?<\/p>\n<p>Chodzi mi o to, \u017ce nadal musimy porozmawia\u0107 o dodawaniu obszar\u00f3w roboczych dla ka\u017cdego z naszych projekt\u00f3w, konfigurowaniu ustawie\u0144 i instalowaniu rozszerze\u0144, kt\u00f3re pomog\u0105 nam zwi\u0119kszy\u0107 produktywno\u015b\u0107 w pracy, kt\u00f3r\u0105 wykonujemy.<\/p>\n<p>W nast\u0119pnych kilku postach zamierzamy to zrobi\u0107. W ko\u0144cu, je\u015bli te posty b\u0119d\u0105 zbyt d\u0142ugie, tak naprawd\u0119 nie zrobisz nic z reszt\u0105 dnia \ud83d\ude42.<\/p>\n<h3>A co z rozszerzeniami?<\/h3>\n<p>Pami\u0119taj jednak, \u017ce poniewa\u017c w tej serii i w nadchodz\u0105cym artykule pracujemy g\u0142\u00f3wnie z WordPressem i powi\u0105zanym oprogramowaniem, musimy upewni\u0107 si\u0119, \u017ce mamy zainstalowanych kilka rzeczy, aby w\u0142a\u015bciwie obs\u0142u\u017cy\u0107 to, co zamierzamy robi\u0107.<\/p>\n<p>Obejmuje to takie rzeczy, jak wsparcie dla:<\/p>\n<ul>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=wordpresstoolbox.wordpress-toolbox\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress<\/a>. Jedn\u0105 z fajnych rzeczy zwi\u0105zanych z u\u017cywaniem inteligentnego IDE jest to, \u017ce mo\u017ce oferowa\u0107 uzupe\u0142nianie kodu. U\u017cywanie j\u0119zyka takiego jak PHP jest zwykle oferowane przez wi\u0119kszo\u015b\u0107 IDE. Ta wtyczka dodaje obs\u0142ug\u0119 WordPressa.<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ikappas.phpcs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Standardy kodowania PSR2<\/a>. Chocia\u017c by\u0142em kiedy\u015b fanem Standard\u00f3w Kodowania WordPressa, od tego czasu przeszed\u0142em na <strong><a href=\"https:\/\/www.php-fig.org\/psr\/psr-2\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Standardy Kodowania PSR<\/a><\/strong> (z r\u00f3\u017cnych powod\u00f3w).<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=felixfbecker.php-debug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Debugowanie<\/a>. Korzystanie <strong><a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">z Xdebug<\/a><\/strong> jest niezb\u0119dne, je\u015bli chcesz zosta\u0107 przekazany za pomoc\u0105 instrukcji <strong>echo<\/strong> i <strong>var_dump<\/strong> w swoim kodzie. Ponadto pomaga zajrze\u0107 g\u0142\u0119biej w kod \u017ar\u00f3d\u0142owy WordPress podczas przechodzenia przez potencjalne problemy.<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=wayou.vscode-todo-highlight\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">TODO Zarz\u0105dzanie<\/a>. W wi\u0119kszo\u015bci przypadk\u00f3w, podczas pisania kodu, b\u0119d\u0105 miejsca, do kt\u00f3rych b\u0119dziesz musia\u0142 wr\u00f3ci\u0107 i przejrze\u0107, naprawi\u0107 lub po prostu zrobi\u0107 przed wydaniem czego\u015b do etapu lub produkcji. Korzystanie z takiego narz\u0119dzia pomo\u017ce Ci \u0142atwo je znale\u017a\u0107 przed zatwierdzeniem kodu do kontroli \u017ar\u00f3d\u0142a lub jego wdro\u017ceniem.<\/li>\n<li>I wi\u0119cej.<\/li>\n<\/ul>\n<p>Oczywi\u015bcie rzeczy, do kt\u00f3rych linki znajduj\u0105 si\u0119 powy\u017cej, prowadz\u0105 do strony g\u0142\u00f3wnej ka\u017cdej z wtyczek, ale mo\u017cliwe jest \u2013 i prawdopodobnie lepsze \u2013 zainstalowanie ich z poziomu edytora, aby \u0142atwiej nimi zarz\u0105dza\u0107.<\/p>\n<p>Pami\u0119taj, \u017ce celem poprzedniego wpisu by\u0142o umo\u017cliwienie \u0142atwego zarz\u0105dzania ca\u0142ym instalowanym przez nas oprogramowaniem. A instalowanie rozszerze\u0144 za po\u015brednictwem IDE zapewnia dok\u0142adnie takie same wra\u017cenia dla IDE.<\/p>\n<p>Na koniec s\u0105 to rozszerzenia, kt\u00f3re okaza\u0142y si\u0119 przydatne podczas pracy z WordPressem.<\/p>\n<h2>W przysz\u0142ym<\/h2>\n<p>Chocia\u017c przedstawi\u0142em podsumowanie wielu z powy\u017cszych rzeczy, nie zag\u0142\u0119biam si\u0119 w niekt\u00f3re z nich ani czego si\u0119 spodziewa\u0107 podczas ich u\u017cywania.<\/p>\n<p>Co wi\u0119cej, nie m\u00f3wi o zwyk\u0142ych tabulatorach i spacjach, czcionkach, kt\u00f3re moim zdaniem warto u\u017cywa\u0107, lintingu Sass, stylu i lintingu JavaScript i tak dalej.<\/p>\n<p>Do tego czasu pracuj nad zainstalowaniem programu Visual Studio Code i skonfigurowaniem go za pomoc\u0105 rozszerze\u0144, do kt\u00f3rych linki znajduj\u0105 si\u0119 powy\u017cej. \u0141atwo to zrobi\u0107 z poziomu IDE. A je\u015bli masz jakie\u015b pytania, zostaw je w komentarzach.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Darmowe IDE do programowania WordPress, kt\u00f3re jest rozszerzalne, pot\u0119\u017cne i stale ulepszane, co dobrze nam s\u0142u\u017cy.<\/p>\n","protected":false},"author":1,"featured_media":164597,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[1068,836,845,866],"tags":[1169],"class_list":["post-229623","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-komputer","category-przewodnik-dla-poczatkujacych","category-samouczki","category-wordpress-7","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/229623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=229623"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/229623\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/164597"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=229623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=229623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=229623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}