{"id":229779,"date":"2022-11-24T10:48:00","date_gmt":"2022-11-24T07:48:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229779"},"modified":"2022-11-24T10:49:11","modified_gmt":"2022-11-24T07:49:11","slug":"ide-wordpressi-arendamiseks-olenemata-kogemusest","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/ide-wordpressi-arendamiseks-olenemata-kogemusest\/","title":{"rendered":"IDE WordPressi arendamiseks (olenemata kogemusest)"},"content":{"rendered":"\n<p>Eelmises <strong><a href=\"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-arenduskeskkond-kasutades-paketihaldurit\/\" title=\"artiklis\">artiklis<\/a><\/strong> k\u00e4isin l\u00e4bi kohaliku arenduskeskkonna seadistamise paketihalduri abil. T\u00e4psemalt r\u00e4\u00e4kisin <strong><a href=\"https:\/\/brew.sh\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Homebrew&#8217;i kasutamisest<\/a><\/strong> <strong><a href=\"https:\/\/laravel.com\/docs\/5.5\/valet\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Valeti<\/a><\/strong> ja <strong><a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composeri<\/a><\/strong> installimiseks .<\/p>\n<p>Esimene pakub Nginxi veebiserverit, MySQL-i andmebaasiserverit, samas kui Homebrew v\u00f5imaldab installida PHP-d. Composer annab teile v\u00f5imaluse tulla toime PHP-s\u00f5ltuvustega. Kui te pole postitust lugenud, soovitan seda tungivalt, kuna see postitus p\u00f5hineb kogu sellel keskkonnal.<\/p>\n<\/p>\n<p>T\u00e4psemalt, ma r\u00e4\u00e4gin IDE-dest. Arvan, et see on kuum teema, aga kui teil pole eelistusi, juhendan teid minu arvates parima (v\u00e4hemalt alustuseks), selle konfigureerimise ja kasutamise protsessi kaudu. <strong><a href=\"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-arenduskeskkond-kasutades-paketihaldurit\/\" title=\"eelmisel n\u00e4dalal kehtestatud keskkonna\">eelmisel n\u00e4dalal kehtestatud keskkonna<\/a><\/strong> kontekstis .<\/p>\n<h2>IDE WordPressi arendamiseks<\/h2>\n<p>Paljude professionaalsete WordPressi arendajate puhul kuulete neid t\u00f5en\u00e4oliselt <strong><a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PhpStormist r\u00e4\u00e4kimas<\/a><\/strong>. Ja m\u00f5juval p\u00f5hjusel. Olen seda konkreetset IDE-d kasutanud juba \u00fcle aasta ja see on t\u00f5esti v\u00f5imas.<\/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 WordPressi arendamiseks (olenemata kogemusest)\"><\/a><\/p>\n<p>Sellel on suur tugi mitmetele t\u00e4iustatud funktsioonidele, see on laiendatav ja sellel on palju integreeritud funktsioone, mis muudavad selle suurep\u00e4raseks t\u00f6\u00f6keskkonnaks; Siiski olen avastanud, et k\u00f5igist katsetatud IDE-dest on sellel ka k\u00f5ige j\u00e4rsem \u00f5ppimisk\u00f5ver. See on ka tasuline IDE, mis v\u00f5ib m\u00f5ne jaoks v\u00e4lja l\u00fclitada. Aga see on okei. Me k\u00e4sitleme seda kogu selle postituse jooksul.<\/p>\n<p>See ei pruugi olla halb: m\u00f5nikord on k\u00f5ige raskemini kasutatavad asjad, mida k\u00f5ige rohkem tasub \u00f5ppida. Kuid seal on alternatiive ja ma p\u00fc\u00fcan tagada, et k\u00f5ik, kes seda loevad, oleksid samal lehel.<\/p>\n<p><strong><a href=\"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-arenduskeskkond-kasutades-paketihaldurit\/\" title=\"Nagu ma\">Nagu ma<\/a><\/strong> eelmises postituses \u00fctlesin:<\/p>\n<blockquote>\n<p>Kui ma sellest materjalist pikemalt kirjutan, kas peaksin eeldama, et me k\u00f5ik kasutame sama keskkonda?<\/p>\n<\/blockquote>\n<p>Kuna ma eksin jah, siis arvan, et on sobiv valida IDE, mis minu arvates sobib h\u00e4sti k\u00f5igiga \u2013 alates alles \u00f5ppijatest kuni pisut edasij\u00f5udnuteni. Sisestage <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio kood<\/a><\/strong>.<\/p>\n<h3>M\u00e4rkus selle IDE kohta<\/h3>\n<p>Kui olete seda ajaveebi m\u00f5nda aega lugenud (v\u00f5i alles alustate), leiate, et mul on selle konkreetse IDE kohta postituste arhiiv. M\u00f5ned postitused, mille olen kirjutanud, on j\u00e4rgmised:<\/p>\n<ul>\n<li><a href=\"https:\/\/tommcfarlin.com\/vs-code-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio kood WordPressi arendamiseks<\/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\">PHP CodeSnifferi seadistamine Visual Studio Code&#8217;is<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/visual-studio-code-todo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u00dcLESANDED, \u00dcLEVAATUSED ja PARANDUSED<\/a><\/strong> ,<\/li>\n<li>ja nii edasi.<\/li>\n<\/ul>\n<p>Tegelikult on mul terve <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">mahaj\u00e4\u00e4mus<\/a><\/strong>, millest saate l\u00e4bi minna. Probleem: see on veidi aegunud. PhpStormi kasutamisel on Visual Studio Code (v\u00f5i l\u00fchidalt Code) p\u00e4rast viimast kasutamist oluliselt paranenud.<\/p>\n<p>Seda arvestades v\u00f5ib osa sellest materjalist tunduda \u00fcleliigne, kuid l\u00f5puks viib see meid k\u00f5iki samale lehele.<\/p>\n<h3>Visual Studio kood<\/h3>\n<p>Enne alustamist tasub viidata kahele asjale:<\/p>\n<ul>\n<li>Miks Visual Studio kood?<\/li>\n<li>Visual Studio koodiga alustamine<\/li>\n<\/ul>\n<p>Viimane on natuke suur teema, kuna see sisaldab mitmeid installimiseks, konfigureerimiseks ja seadistamiseks vajalikke asju, nii et ma k\u00e4sitlen seda alates sellest postitusest ja m\u00f5nest uuest, kuid v\u00e4hemalt tasub r\u00e4\u00e4kida sellest, miks Visual Studio Code on kindel IDE WordPressi arendamiseks.<\/p>\n<h3>1 Miks Visual Studio kood?<\/h3>\n<p>Lisaks \u00fchilduvusele k\u00f5igi suuremate operatsioonis\u00fcsteemidega, \u00fcks esimesi asju, mida Code puhul t\u00e4hele panna, on see, et see hoiab oma s\u00e4tete koopiat oma failis, nii et saate alati sellele tagasi p\u00f6\u00f6rduda, kuid saate seda kohandada vastavalt oma s\u00e4tetele. .<\/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 WordPressi arendamiseks (olenemata kogemusest)\"><\/a><\/p>\n<p>Lisaks hoitakse seda k\u00f5ike JSON-failis, mis v\u00f5imaldab teil seda kohandada, et see sobiks teie t\u00f6\u00f6keskkonnaga. V\u00f5ib-olla on see PHP, v\u00f5ib-olla JavaScript v\u00f5i v\u00f5ib-olla midagi t\u00e4iesti erinevat.<\/p>\n<p>Lisaks muudab seadete kaasaskantav hoidmine nende arvutite vahel jagamise lihtsaks. See t\u00e4hendab, et saate faili panna n\u00e4iteks Dropboxi kausta ja lasta oma seadetele viidata k\u00f5igis oma masinates.<\/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 WordPressi arendamiseks (olenemata kogemusest)\"><\/a><\/p>\n<p>See on muidugi kasulik, kui teil on ainult mitu masinat. Ja kui te seda teete, v\u00f5ite soovida, et arenduskeskkonnad oleksid s\u00fcnkroonis, nii et nende vahel oleks lihtne liikuda.<\/p>\n<h3>2 Visual Studio koodiga alustamine<\/h3>\n<p>IDE-st alustamine on lihtne. See on t\u00f5esti k\u00fcsimus:<\/p>\n<ol>\n<li>Navigeerides <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tarkvara kodulehele,<\/a><\/strong><\/li>\n<li>Laadige alla teie operatsioonis\u00fcsteemile sobiv versioon,<\/li>\n<li>Seej\u00e4rel installige see.<\/li>\n<\/ol>\n<p>Kuid lihtsalt selle installimisest ei piisa, kas pole?<\/p>\n<p>Peame siiski r\u00e4\u00e4kima iga projekti jaoks t\u00f6\u00f6ruumide lisamisest, seadete konfigureerimisest ja laienduste installimisest, mis aitavad meil tehtavat t\u00f6\u00f6d produktiivsemalt teha.<\/p>\n<p>J\u00e4rgmistes postitustes teeme t\u00e4pselt seda. L\u00f5ppude l\u00f5puks, kui need postitused l\u00e4hevad liiga pikaks, ei j\u00f5ua te \u00fclej\u00e4\u00e4nud p\u00e4evaga tegelikult midagi teha \ud83d\ude42.<\/p>\n<h3>Aga laiendused?<\/h3>\n<p>Pidage siiski meeles, et kuna me t\u00f6\u00f6tame selles sarjas ja tulevases artiklis peamiselt WordPressi ja sellega seotud tarkvaraga, siis peame veenduma, et meil on m\u00f5ned asjad installitud, et oma tegevusega korralikult hakkama saada.<\/p>\n<p>See h\u00f5lmab selliseid asju nagu tugi:<\/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>. \u00dcks toredaid asju nutika IDE kasutamise juures on see, et see v\u00f5ib pakkuda koodi l\u00f5petamist. Sellise keele nagu PHP kasutamist pakuvad tavaliselt enamik IDE-sid. See pistikprogramm lisab WordPressi tuge.<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ikappas.phpcs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PSR2 kodeerimisstandardid<\/a>. Kuigi olen kunagi olnud WordPressi kodeerimisstandardite f\u00e4nn, olen sellest ajast peale \u00fcle l\u00e4inud <strong><a href=\"https:\/\/www.php-fig.org\/psr\/psr-2\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PSR-i kodeerimisstandarditele<\/a><\/strong> (erinevatel p\u00f5hjustel).<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=felixfbecker.php-debug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Silumine<\/a>. <strong><a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Xdebugi<\/a><\/strong> kasutamine on h\u00e4davajalik, kui soovite oma koodis <strong>echo-<\/strong> ja <strong>var_dump-<\/strong> lausete abil edasi p\u00e4\u00e4seda. Lisaks aitab see v\u00f5imalike probleemide lahendamisel WordPressi l\u00e4htekoodi s\u00fcgavamalt uurida.<\/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 juhtimine<\/a>. Enamasti on koodi kirjutamisel kohti, kus peate enne millegi lavastamiseks v\u00f5i tootmiseks avaldamist tagasi minema ja \u00fcle vaatama, parandama v\u00f5i lihtsalt tegema. Sellise t\u00f6\u00f6riista kasutamine aitab teil neid h\u00f5lpsalt leida enne koodi allika juhtimiseks sidumist v\u00f5i selle juurutamist.<\/li>\n<li>Ja veel.<\/li>\n<\/ul>\n<p>Ilmselgelt viivad \u00fclaltoodud asjad teid iga pistikprogrammi avalehele, kuid on v\u00f5imalik \u2013 ja t\u00f5en\u00e4oliselt parem \u2013 installida need redaktorist, et saaksite neid h\u00f5lpsamini hallata.<\/p>\n<p>Pidage meeles, et eelmise postituse eesm\u00e4rk oli kogu meie installitava tarkvara h\u00f5lpsaks haldamiseks. Ja laienduste installimine IDE kaudu annab IDE jaoks t\u00e4pselt sama kogemuse.<\/p>\n<p>L\u00f5petuseks \u2013 need on laiendused, mis minu arvates on WordPressiga t\u00f6\u00f6tamisel kasulikud.<\/p>\n<h2>J\u00e4rgmisena<\/h2>\n<p>Kuigi olen esitanud kokkuv\u00f5tliku teabe paljude \u00fclaltoodud asjade kohta, ei pea see m\u00f5nesse neist s\u00fcgavamasse sukelduma ega sellesse, mida nende kasutamisel oodata.<\/p>\n<p>Lisaks ei r\u00e4\u00e4gi see tavalistest tabeldusm\u00e4rkidest ja t\u00fchikutest, fontidest, mida minu arvates tasub kasutada, Sass lintingust, JavaScripti stiilist ja lintingust jne.<\/p>\n<p>Seni installige Visual Studio Code ja seadistage see \u00fclaltoodud laienduste abil. Seda on lihtne teha IDE-s. Ja kui teil on k\u00fcsimusi, j\u00e4tke need julgelt kommentaaridesse.<\/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>Tasuta IDE WordPressi arendamiseks, mis on laiendatav, v\u00f5imas ja mida pidevalt t\u00e4iustatakse, mis teenib meid h\u00e4sti.<\/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":[1065,833,842,863],"tags":[1165],"class_list":["post-229779","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arvuti","category-juhend-algajatele","category-opetused","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/229779","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=229779"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/229779\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/164597"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=229779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=229779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=229779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}