{"id":229773,"date":"2022-11-24T11:24:00","date_gmt":"2022-11-24T08:24:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229773"},"modified":"2022-11-24T11:24:43","modified_gmt":"2022-11-24T08:24:43","slug":"en-ide-foer-wordpress-utveckling-oavsett-erfarenhet","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/en-ide-foer-wordpress-utveckling-oavsett-erfarenhet\/","title":{"rendered":"En IDE f\u00f6r WordPress-utveckling (oavsett erfarenhet)"},"content":{"rendered":"\n<p>I <strong><a href=\"https:\/\/wordpress.mediadoma.com\/sv\/en-wordpress-utvecklingsmiljoe-med-en-pakethanterare\/\" title=\"den f\u00f6reg\u00e5ende artikeln\">den f\u00f6reg\u00e5ende artikeln<\/a><\/strong> gick jag igenom processen att s\u00e4tta upp en lokal utvecklingsmilj\u00f6 med hj\u00e4lp av en pakethanterare. Specifikt talade jag om att anv\u00e4nda <strong><a href=\"https:\/\/brew.sh\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Homebrew<\/a><\/strong> f\u00f6r att installera <strong><a href=\"https:\/\/laravel.com\/docs\/5.5\/valet\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Valet<\/a><\/strong> and <strong><a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a><\/strong>.<\/p>\n<p>Den f\u00f6rra erbjuder Nginx-webbservern, en MySQL-databasserver, medan Homebrew l\u00e5ter dig installera PHP. Composer ger dig m\u00f6jligheten att hantera PHP-beroenden. Om du inte har l\u00e4st inl\u00e4gget rekommenderar jag det starkt eftersom det h\u00e4r inl\u00e4gget bygger p\u00e5 hela den milj\u00f6n.<\/p>\n<\/p>\n<p>Specifikt kommer jag att prata om IDE. Det \u00e4r ett hett \u00e4mne, antar jag, men om du inte har en preferens s\u00e5 kommer jag att leda dig genom processen att v\u00e4lja en som jag tycker \u00e4r b\u00e4st (\u00e5tminstone till att b\u00f6rja med), konfigurera den och anv\u00e4nda den i samband med <strong><a href=\"https:\/\/wordpress.mediadoma.com\/sv\/en-wordpress-utvecklingsmiljoe-med-en-pakethanterare\/\" title=\"den milj\u00f6 som fastst\u00e4lldes f\u00f6rra veckan\">den milj\u00f6 som fastst\u00e4lldes f\u00f6rra veckan<\/a><\/strong>.<\/p>\n<h2>En IDE f\u00f6r WordPress-utveckling<\/h2>\n<p>F\u00f6r m\u00e5nga professionella WordPress-utvecklare kommer du sannolikt att h\u00f6ra dem prata om <strong><a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PhpStorm<\/a><\/strong>. Och med goda sk\u00e4l. Jag har anv\u00e4nt just denna IDE i \u00f6ver ett \u00e5r nu och den \u00e4r riktigt kraftfull.<\/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=\"En IDE f\u00f6r WordPress-utveckling (oavsett erfarenhet)\"><\/a><\/p>\n<p>Den har bra st\u00f6d f\u00f6r ett antal avancerade funktioner, \u00e4r utbyggbar och har m\u00e5nga integrerade funktioner som g\u00f6r det till en fantastisk milj\u00f6 att arbeta i; Jag har dock m\u00e4rkt att av alla IDE:er jag har provat kommer den ocks\u00e5 med den brantaste inl\u00e4rningskurvan. Det \u00e4r ocks\u00e5 en betald IDE som kanske \u00e4r avst\u00e4ngd f\u00f6r vissa. Men det \u00e4r okej. Vi kommer att ta upp det genom hela det h\u00e4r inl\u00e4gget.<\/p>\n<p>Detta \u00e4r inte n\u00f6dv\u00e4ndigtvis en d\u00e5lig sak: Ibland \u00e4r de saker som \u00e4r v\u00e4rda att l\u00e4ra sig mest de sv\u00e5raste sakerna att anv\u00e4nda. Men det finns alternativ d\u00e4r ute och jag f\u00f6rs\u00f6ker se till att alla som l\u00e4ser detta \u00e4r p\u00e5 samma sida.<\/p>\n<p><strong><a href=\"https:\/\/wordpress.mediadoma.com\/sv\/en-wordpress-utvecklingsmiljoe-med-en-pakethanterare\/\" title=\"Som jag sa\">Som jag sa<\/a><\/strong> i f\u00f6rra inl\u00e4gget:<\/p>\n<blockquote>\n<p>Om jag ska skriva om det h\u00e4r materialet l\u00e5ngt, ska jag anta att vi alla anv\u00e4nder samma milj\u00f6?<\/p>\n<\/blockquote>\n<p>Eftersom jag har fel p\u00e5 sidan av ja, s\u00e5 tycker jag att det \u00e4r passande att v\u00e4lja en IDE som jag tror kommer att fungera bra med alla \u2013 fr\u00e5n de som bara l\u00e4r sig till de som \u00e4r lite mer avancerade. Ange <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio Code<\/a><\/strong>.<\/p>\n<h3>En anteckning om denna IDE<\/h3>\n<p>Om du har l\u00e4st den h\u00e4r bloggen hur l\u00e4nge som helst (eller precis har b\u00f6rjat), kommer du att uppt\u00e4cka att jag har ett arkiv med inl\u00e4gg om just denna IDE. N\u00e5gra av inl\u00e4ggen jag har skrivit inkluderar:<\/p>\n<ul>\n<li><a href=\"https:\/\/tommcfarlin.com\/vs-code-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio-kod f\u00f6r WordPress-utveckling<\/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\">Konfigurera PHP CodeSniffer i 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\">TODOs, REVIEWs och FIXMEs<\/a><\/strong> ,<\/li>\n<li>och s\u00e5 vidare.<\/li>\n<\/ul>\n<p>Jag har faktiskt en hel <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">eftersl\u00e4pning som<\/a><\/strong> du kan g\u00e5 igenom. Problemet: Det \u00e4r lite f\u00f6r\u00e5ldrat. N\u00e4r jag anv\u00e4nder PhpStorm har Visual Studio Code (eller kod, f\u00f6r kort) gjort betydande f\u00f6rb\u00e4ttringar sedan jag senast anv\u00e4nde den.<\/p>\n<p>Med det sagt kan en del av detta material l\u00e5ta \u00f6verfl\u00f6digt men det kommer i slut\u00e4ndan att f\u00e5 oss alla p\u00e5 samma sida.<\/p>\n<h3>Visual Studio-kod<\/h3>\n<p>Innan du b\u00f6rjar \u00e4r det v\u00e4rt att h\u00e4nvisa till tv\u00e5 saker:<\/p>\n<ul>\n<li>Varf\u00f6r Visual Studio Code?<\/li>\n<li>Komma ig\u00e5ng med Visual Studio Code<\/li>\n<\/ul>\n<p>Det sistn\u00e4mnda \u00e4r lite av ett stort \u00e4mne eftersom det inneh\u00e5ller ett antal saker att installera, konfigurera och konfigurera s\u00e5 jag kommer att t\u00e4cka det med det h\u00e4r inl\u00e4gget och de nya, men det \u00e4r \u00e5tminstone v\u00e4rt att prata om varf\u00f6r Visual Studio Code \u00e4r en solid IDE f\u00f6r WordPress-utveckling.<\/p>\n<h3>1 Varf\u00f6r Visual Studio Code?<\/h3>\n<p>F\u00f6rutom att vara kompatibel med alla st\u00f6rre operativsystem, \u00e4r en av de f\u00f6rsta sakerna att notera om Code att den beh\u00e5ller en kopia av sina inst\u00e4llningar i sin egen fil s\u00e5 att du alltid kan g\u00e5 tillbaka till den, men du kan anpassa den till dina egna inst\u00e4llningar .<\/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=\"En IDE f\u00f6r WordPress-utveckling (oavsett erfarenhet)\"><\/a><\/p>\n<p>Vidare underh\u00e5lls allt i en JSON-fil som l\u00e5ter dig anpassa den f\u00f6r att passa den milj\u00f6 d\u00e4r du arbetar. Kanske \u00e4r det PHP, kanske \u00e4r det JavaScript, eller kanske \u00e4r det n\u00e5got helt annat.<\/p>\n<p>Ut\u00f6ver det, att h\u00e5lla inst\u00e4llningarna b\u00e4rbara g\u00f6r det enkelt att dela mellan dina datorer. Det betyder att du kan sl\u00e4ppa filen i, s\u00e4g, en Dropbox-mapp och f\u00e5 dina inst\u00e4llningar refererade via alla dina maskiner.<\/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=\"En IDE f\u00f6r WordPress-utveckling (oavsett erfarenhet)\"><\/a><\/p>\n<p>Detta \u00e4r naturligtvis anv\u00e4ndbart om du bara har flera maskiner. Och om du g\u00f6r det, kanske du vill ha utvecklingsmilj\u00f6erna synkroniserade s\u00e5 att det \u00e4r l\u00e4tt att tr\u00e4nga mellan dem.<\/p>\n<h3>2 Komma ig\u00e5ng med Visual Studio Code<\/h3>\n<p>Att b\u00f6rja med IDE \u00e4r enkelt. Det \u00e4r verkligen en fr\u00e5ga om:<\/p>\n<ol>\n<li>Navigera till <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">programvarans hemsida,<\/a><\/strong><\/li>\n<li>Ladda ner den version som \u00e4r l\u00e4mplig f\u00f6r ditt operativsystem,<\/li>\n<li>Sedan installerar du det.<\/li>\n<\/ol>\n<p>Men det r\u00e4cker inte med att installera det, eller hur?<\/p>\n<p>Jag menar, vi m\u00e5ste fortfarande prata om att l\u00e4gga till arbetsytor f\u00f6r vart och ett av v\u00e5ra projekt, konfigurera inst\u00e4llningar och installera till\u00e4gg som hj\u00e4lper oss att g\u00f6ra oss mer produktiva i det arbete vi g\u00f6r.<\/p>\n<p>Under de kommande inl\u00e4ggen kommer vi att g\u00f6ra exakt det. N\u00e4r allt kommer omkring, om de h\u00e4r inl\u00e4ggen blir f\u00f6r l\u00e5nga f\u00e5r du faktiskt ingenting gjort med resten av dagen \ud83d\ude42.<\/p>\n<h3>Hur \u00e4r det med till\u00e4gg?<\/h3>\n<p>Kom dock ih\u00e5g att eftersom vi huvudsakligen arbetar med WordPress och relaterad programvara i den h\u00e4r serien och i den kommande artikeln, m\u00e5ste vi se till att vi har n\u00e5gra saker installerade f\u00f6r att korrekt hantera det vi ska g\u00f6ra.<\/p>\n<p>Detta inkluderar saker som st\u00f6d f\u00f6r:<\/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>. En av de fina sakerna med att anv\u00e4nda en smart IDE \u00e4r att den kan erbjuda kodkomplettering. Att anv\u00e4nda ett spr\u00e5k som PHP erbjuds vanligtvis av de flesta IDE:er. Denna plugin l\u00e4gger till st\u00f6d f\u00f6r WordPress.<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ikappas.phpcs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PSR2-kodningsstandarder<\/a>. \u00c4ven om jag en g\u00e5ng har varit ett fan av WordPress Coding Standards, har jag sedan dess flyttat till <strong><a href=\"https:\/\/www.php-fig.org\/psr\/psr-2\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PSR Coding Standards<\/a><\/strong> (av olika anledningar).<\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=felixfbecker.php-debug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Fels\u00f6kning<\/a>. Att anv\u00e4nda <strong><a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Xdebug<\/a><\/strong> \u00e4r viktigt om du vill bli godk\u00e4nd med hj\u00e4lp av <strong>echo-<\/strong> och <strong>var_dump-<\/strong> satser i din kod. Dessutom hj\u00e4lper det att titta djupare in i WordPress-k\u00e4llkoden n\u00e4r du g\u00e5r igenom potentiella problem.<\/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 Management<\/a>. F\u00f6r det mesta, n\u00e4r du skriver kod, kommer det att finnas platser som du beh\u00f6ver g\u00e5 tillbaka och granska, fixa eller helt enkelt g\u00f6ra innan du sl\u00e4pper n\u00e5got till iscens\u00e4ttning eller produktion. Att anv\u00e4nda ett verktyg som detta hj\u00e4lper dig att enkelt hitta dem innan du anger koden f\u00f6r k\u00e4llkontroll eller distribuerar den.<\/li>\n<li>Och mer.<\/li>\n<\/ul>\n<p>Uppenbarligen tar de l\u00e4nkade sakerna dig till startsidan f\u00f6r vart och ett av plugin-programmen, men det \u00e4r m\u00f6jligt \u2013 och f\u00f6rmodligen b\u00e4ttre \u2013 att installera dem inifr\u00e5n redigeraren s\u00e5 att du l\u00e4ttare kan hantera dem.<\/p>\n<p>Kom ih\u00e5g att syftet med det tidigare inl\u00e4gget var att ha ett s\u00e4tt att enkelt hantera all programvara vi installerar. Och att installera till\u00e4ggen via IDE ger exakt samma upplevelse f\u00f6r IDE.<\/p>\n<p>Slutligen, det h\u00e4r \u00e4r till\u00e4ggen som jag har funnit vara anv\u00e4ndbara n\u00e4r jag arbetar med WordPress.<\/p>\n<h2>Strax<\/h2>\n<p>\u00c4ven om jag har gett en sammanfattande information om m\u00e5nga av sakerna ovan, tar det inte en djupdykning i n\u00e5gra av dem eller vad du kan f\u00f6rv\u00e4nta dig n\u00e4r du anv\u00e4nder dem.<\/p>\n<p>Dessutom talar det inte om de vanliga tabs-versus-mellanslagen, typsnitt som jag tycker \u00e4r v\u00e4rda att anv\u00e4nda, Sass linting, JavaScript-stil och linting, och s\u00e5 vidare.<\/p>\n<p>Tills dess, arbeta med att installera Visual Studio Code och f\u00e5 det konfigurerat med till\u00e4ggen l\u00e4nkade ovan. Det \u00e4r l\u00e4tt att g\u00f6ra det inifr\u00e5n IDE. Och om du har n\u00e5gra fr\u00e5gor, l\u00e4mna dem g\u00e4rna i kommentarerna.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En gratis IDE f\u00f6r WordPress-utveckling som \u00e4r utbyggbar, kraftfull och st\u00e4ndigt f\u00f6rb\u00e4ttrad som tj\u00e4nar oss v\u00e4l.<\/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":[1070,838,848,868],"tags":[1173],"class_list":["post-229773","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-en-dator","category-guide-foer-nyboerjare","category-handledningar","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/229773","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=229773"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/229773\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/164597"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=229773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=229773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=229773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}