{"id":229906,"date":"2022-11-27T14:29:00","date_gmt":"2022-11-27T11:29:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229906"},"modified":"2022-11-09T19:13:55","modified_gmt":"2022-11-09T16:13:55","slug":"kodkvalitet-per-spraakinstaellningar-i-visual-studio-code","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/kodkvalitet-per-spraakinstaellningar-i-visual-studio-code\/","title":{"rendered":"Kodkvalitet per spr\u00e5kinst\u00e4llningar i Visual Studio Code"},"content":{"rendered":"<p>I tidigare inl\u00e4gg har jag pratat lite om <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio Code<\/a><\/strong>, och \u00e4ven om jag har provat en m\u00e4ngd andra redigerare, kommer jag hela tiden tillbaka till just denna IDE.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164181-61e75f970c723.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-164181-61e75f970c723.png\" alt=\"Kodkvalitet per spr\u00e5kinst\u00e4llningar i Visual Studio Code\" ><\/a><\/p>\n<p>Med tiden har det mognat en hel del, forts\u00e4tter att g\u00f6ra det och till\u00e5ter massor av anpassningar, s\u00e4rskilt f\u00f6r de av oss som arbetar i <strong><a href=\"https:\/\/php.net\/manual\/en\/intro-whatis.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHP<\/a><\/strong>, <strong><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sass<\/a><\/strong>, <strong><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JavaScript<\/a><\/strong> och mer allm\u00e4nt sett <strong><a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress<\/a><\/strong>.<\/p>\n<p>Om du anv\u00e4nder n\u00e5gra linters, kommer du dock att uppt\u00e4cka att en av sakerna var och en kommer att prata om \u00e4r m\u00e4ngden blanksteg som ska finnas f\u00f6re en given kodrad.<\/p>\n<p>S\u00e5 om du anv\u00e4nder <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio Code<\/a><\/strong> \u00e4r det h\u00e4r till\u00e4ggen och inst\u00e4llningarna jag rekommenderar f\u00f6r att se till att din kod \u00e4r i niv\u00e5 med vilka kodkvalitetsverktyg du \u00e4n anv\u00e4nder.<\/p>\n<h2>Kodkvalitet per spr\u00e5k<\/h2>\n<p>F\u00f6r det f\u00f6rsta inkluderar till\u00e4ggen som jag rekommenderar att varje person installerar \u2013 \u00e5tminstone om du arbetar med ovanst\u00e5ende spr\u00e5k \u2013 f\u00f6ljande:<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/Microsoft\/vscode-eslint\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ESLint<\/a>. Integrerar ESLint i VS Code. (Om du \u00e4r ny p\u00e5 ESLint kontrollera <strong><a href=\"http:\/\/eslint.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">dokumentationen<\/a><\/strong> .)<\/li>\n<li><a href=\"https:\/\/github.com\/ikappas\/vscode-phpcs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHPCS<\/a> som integrerar PHP-kodningsstandarderna (som anges i inst\u00e4llningarna) i IDE.<\/li>\n<li><a href=\"https:\/\/github.com\/jason-pomerleau\/vscode-wordpress-toolbox\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress Toolbox<\/a> tillhandah\u00e5ller utdrag f\u00f6r varje WordPress-funktion, klass och konstant, med argumenttyptips och korta beskrivningar upp till WordPress 4.9.4 (vid tidpunkten f\u00f6r detta inl\u00e4gg).<\/li>\n<\/ul>\n<p>N\u00e4r de \u00e4r installerade kan du starta om din IDE eller l\u00e4gga till f\u00f6ljande kod till inst\u00e4llningsfilen innan du g\u00f6r det. Du kan g\u00f6ra detta p\u00e5 global basis eller per projekt. Vilket som blir bra. Jag har kommenterat <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/db004aa90822920fe50b7751c5cf3488\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">koden<\/a><\/strong> f\u00f6r att g\u00f6ra den s\u00e5 enkel som m\u00f6jligt att f\u00f6lja.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164181-61e75f9b3803e.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-164181-61e75f9b3803e.png\" alt=\"Kodkvalitet per spr\u00e5kinst\u00e4llningar i Visual Studio Code\" ><\/a><\/p>\n<p>Jag ska ocks\u00e5 l\u00e4gga till n\u00e5gra anteckningar nedanf\u00f6r.<\/p>\n<pre><code>{\n    \/\/ Tab Spacing per language.\n    \"[php]\": {\n      \"editor.tabSize\": 4,\n      \"editor.autoIndent\": true\n    },\n\n    \"[scss]\": {\n      \"editor.tabSize\": 2,\n      \"editor.autoIndent\": true\n    },\n\n    \"[javascript]\": {\n      \"editor.tabSize\": 2,\n      \"editor.autoIndent\": true\n    },\n\n    \/\/ General Editor Settings\n    \"files.trimTrailingWhitespace\": true,\n    \"php.suggest.basic\": true,\n    \"php.validate.executablePath\": \"\/usr\/local\/bin\/php\",\n    \"php.validate.run\": \"onType\",\n    \"phpcs.enable\": true,\n    \"phpcs.executablePath\": \"\/usr\/local\/bin\/phpcs\",\n    \"phpcs.standard\": \"PSR2\"\n}<\/code><\/pre>\n<p>S\u00e5 h\u00e4r fungerar det:<\/p>\n<ul>\n<li>F\u00f6r varje typ av spr\u00e5k kan du definiera vissa inst\u00e4llningar som <strong>tabSize<\/strong> och om <strong>autoIndent<\/strong> ska ske eller inte genom att skapa en definition i JSON-filen.<\/li>\n<li>F\u00f6r att g\u00f6ra detta, f\u00f6reg\u00e5 definitionen med filsuffixet f\u00f6r spr\u00e5ket eller, i vissa fall (som JavaScript), namnet p\u00e5 spr\u00e5ket.<\/li>\n<\/ul>\n<p>Koden l\u00e4ngst ner i filen, de <strong>allm\u00e4nna redakt\u00f6rsinst\u00e4llningarna<\/strong> tillhandah\u00e5lls som n\u00e5gra extrafunktioner som du kanske vill inkludera. Till exempel gillar jag att trimma allt efterf\u00f6ljande utrymme, f\u00f6resl\u00e5 grundl\u00e4ggande PHP-definitioner och en upps\u00e4ttning kodningsstandarder f\u00f6r n\u00e4r jag arbetar med ett projekt.<\/p>\n<p>Det h\u00e4r \u00e4r saker som i allm\u00e4nhet ligger utanf\u00f6r det h\u00e4r projektets ram (men jag har diskuterat <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">i andra inl\u00e4gg<\/a><\/strong> ). Men det r\u00e4cker \u00e4nd\u00e5 f\u00f6r att komma ig\u00e5ng med en h\u00f6gre kodkvalitet per spr\u00e5k \u00e4n vad som erbjuds direkt.<\/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>Hur man kommer ig\u00e5ng med en h\u00f6gre kodkvalitet per spr\u00e5k \u00e4n vad som erbjuds direkt.<\/p>\n","protected":false},"author":1,"featured_media":164182,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[724,797],"tags":[1173],"class_list":["post-229906","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-utvecklaren","category-visual-studio-code-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/229906","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=229906"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/229906\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/164182"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=229906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=229906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=229906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}