{"id":229547,"date":"2022-11-18T16:34:00","date_gmt":"2022-11-18T13:34:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229547"},"modified":"2022-11-09T08:24:58","modified_gmt":"2022-11-09T05:24:58","slug":"vad-aer-skillnaden-mellan-codekit-och-composer","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/vad-aer-skillnaden-mellan-codekit-och-composer\/","title":{"rendered":"Vad \u00e4r skillnaden mellan CodeKit och Composer?"},"content":{"rendered":"\n<p>Eftersom jag har skrivit om <a href=\"https:\/\/codekitapp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CodeKit<\/a> och <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> (mer om det senare i de senaste inl\u00e4ggen, egentligen), kommer jag d\u00e5 och d\u00e5 att f\u00e5 e-postmeddelanden d\u00e4r jag fr\u00e5gar vad jag egentligen f\u00f6redrar att anv\u00e4nda n\u00e4r det kommer till att arbeta med projekt f\u00f6r andra.<\/p>\n<p>Och det korta svaret \u00e4r att de inte utesluter varandra. Om n\u00e5got kan de komplettera varandra. De \u00e4r inte ers\u00e4ttare f\u00f6r varandra.<\/p>\n<p>Eftersom jag har flyttat fr\u00e5n allt mindre frontend-orienterade projekt, desto mindre anv\u00e4nder jag CodeKit. Och ju mer jag har g\u00e5tt mer mot backend-orienterad utveckling, desto mer anv\u00e4nder jag Composer.<\/p>\n<p>Dessutom \u00e4r front-end-utveckling annorlunda \u00e4n back-end-utveckling, eller hur? S\u00e5, \u00e5terigen, varf\u00f6r skulle vi fr\u00e5ga:<\/p>\n<blockquote>\n<p>Ska jag anv\u00e4nda CodeKit eller Composer?<\/p>\n<\/blockquote>\n<p>Det \u00e4r d\u00e4r det l\u00e4ngre svaret spelar in.<\/p>\n<h2>CodeKit och Composer<\/h2>\n<p>F\u00f6r dem som tittar p\u00e5 b\u00e5da dessa verktyg och undrar \u00f6ver skillnaden i var och en \u00e4r det bra.<\/p>\n<p>N\u00e4rhelst n\u00e5gon letar efter s\u00e4tt att f\u00f6rb\u00e4ttra sin utvecklingsprocess genom att anv\u00e4nda verktyg f\u00f6r att underl\u00e4tta utvecklingen, tycker jag att det visar en niv\u00e5 av mognad i utvecklingen.<\/p>\n<h3>CodeKit<\/h3>\n<p>Kort sagt, CodeKits m\u00e5l \u00e4r att hj\u00e4lpa till att packa in m\u00e5nga av de nya verktyg som vi ofta ser (som <a href=\"http:\/\/sass-lang.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sass<\/a> eller <a href=\"http:\/\/lesscss.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">LESS<\/a>, ramverk som <a href=\"https:\/\/foundation.zurb.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Foundation<\/a> och bildoptimering) i en enda applikation och sl\u00e5 ihop det, s\u00e5 det finns mindre arbete att g\u00f6ra n\u00e4r det kommer till konfiguration.<\/p>\n<p>Grejen med den \u00e4r att den inneh\u00e5ller mycket grejer. Detta \u00e4r dock ingen d\u00e5lig sak. Det handlar verkligen om att v\u00e4lja vad du vill ha, klicka p\u00e5 n\u00e5gra kryssrutor och sedan se till att appen \u00e4r medveten om din kodbas.<\/p>\n<p>D\u00e4rifr\u00e5n kommer det att ta hand om, s\u00e4g, automatiskt kompilera din Sass n\u00e4r du sparar en fil som \u00e4r en del av ditt projekt.<\/p>\n<h3>Komposit\u00f6r<\/h3>\n<p>Composer, \u00e5 andra sidan, handlar om att hantera beroenden som fungerar i samband med din applikation. Detta kan vara n\u00e5got som PHP CodeSniffer. Eller s\u00e5 kan det vara n\u00e5got som ett tredjepartsbibliotek som Monolog som hj\u00e4lper ditt projekt att sp\u00e5ra h\u00e4ndelser som h\u00e4nder under k\u00f6rningen.<\/p>\n<\/p>\n<p>Hur som helst kan du se att paketen Composer \u00e4r ansvarig f\u00f6r att hantera handlar mer om server-side-utveckling \u00e4n front-end-utveckling.<\/p>\n<p>S\u00e5 om du letar efter n\u00e5got som CodeKit (eller NPM eller Yarn) f\u00f6r serversidan, d\u00e5 \u00e4r Composer vad du vill anv\u00e4nda. Den har inget gr\u00e4nssnitt, s\u00e5 allt g\u00f6rs via konfigurationsfiler (som NPM, till exempel), men det \u00e4r ocks\u00e5 v\u00e4ldokumenterat och tillr\u00e4ckligt enkelt att anv\u00e4nda n\u00e4r du v\u00e4l \u00e4r bekant med strukturen p\u00e5 konfigurationsfilerna.<\/p>\n<h2>Och det \u00e4r skillnaden<\/h2>\n<p>Som n\u00e4mndes i b\u00f6rjan av inl\u00e4gget utesluter inte CodeKit och Composer varandra. Om n\u00e5got kan de arbeta tillsammans med varandra f\u00f6r att hj\u00e4lpa till att bygga ett projekt fr\u00e5n b\u00e5de front-end och back-end.<\/p>\n<p>N\u00e4r det kommer till front-end-utveckling finns det andra verktyg som folk v\u00e4ljer att anv\u00e4nda som <a href=\"https:\/\/www.npmjs.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">NPM<\/a> och <a href=\"https:\/\/yarnpkg.com\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Yarn<\/a>. Jag n\u00e4mner dem h\u00e4r bara f\u00f6r att de ocks\u00e5 \u00e4r pakethanterare, ungef\u00e4r som Composer, men f\u00f6r front-end.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-165204-61e77a5556cb4.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-165204-61e77a5556cb4.png\" alt=\"Vad \u00e4r skillnaden mellan CodeKit och Composer?\" ><\/a><\/p>\n<p>Och om n\u00e5got \u00e4r de n\u00e4rmare en j\u00e4mf\u00f6relse med Composer. \u00c4nd\u00e5 fokuserar de fr\u00e4mst p\u00e5 front-end utvecklingsverktyg. Det kanske \u00e4r v\u00e4rt att dyka in i var och en av dem i ett framtida inl\u00e4gg.<\/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>Utvecklare som vill f\u00f6rgrena sig med verktyg fr\u00e5gar vad som \u00e4r skillnaden mellan CodeKit och Composer. Men de utesluter inte varandra.<\/p>\n","protected":false},"author":1,"featured_media":165205,"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-229547","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\/229547","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=229547"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/229547\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/165205"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=229547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=229547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=229547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}