{"id":229907,"date":"2022-11-27T14:08:00","date_gmt":"2022-11-27T11:08:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229907"},"modified":"2022-11-09T19:14:09","modified_gmt":"2022-11-09T16:14:09","slug":"koodikvaliteedi-keelepohised-saetted-visual-studio-koodis","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/koodikvaliteedi-keelepohised-saetted-visual-studio-koodis\/","title":{"rendered":"Koodikvaliteedi keelep\u00f5hised s\u00e4tted Visual Studio koodis"},"content":{"rendered":"\n<p>Eelmistes postitustes olen r\u00e4\u00e4kinud veidi <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio Code&#8217;ist<\/a><\/strong> ja kuigi olen proovinud mitmeid teisi toimetajaid, tulen ma pidevalt selle konkreetse IDE juurde tagasi.<\/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=\"Koodikvaliteedi keelep\u00f5hised s\u00e4tted Visual Studio koodis\" ><\/a><\/p>\n<p>Aja jooksul on see \u00fcsna palju k\u00fcpsenud, j\u00e4tkab seda ja v\u00f5imaldab palju kohandamist, eriti neile, kes t\u00f6\u00f6tavad <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\">Sassi<\/a><\/strong>, <strong><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JavaScripti<\/a><\/strong> ja \u00fcldisemalt <strong><a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPressiga<\/a><\/strong>.<\/p>\n<p>Kui kasutate linterit, n\u00e4ete, et \u00fcks asi, millest iga\u00fcks r\u00e4\u00e4gib, on t\u00fchikute arv, mis peaks enne antud koodirida olema.<\/p>\n<p>Nii et kui kasutate <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio koodi<\/a><\/strong>, siis soovitan neid laiendusi ja seadeid, et teie kood oleks sama mis tahes koodikvaliteedi t\u00f6\u00f6riistadega, mida te kasutate.<\/p>\n<h2>Koodi kvaliteet keele j\u00e4rgi<\/h2>\n<p>Esiteks, laiendused, mida soovitan k\u00f5igil installida \u2013 v\u00e4hemalt siis, kui t\u00f6\u00f6tate \u00fclaltoodud keeltega \u2013 h\u00f5lmavad j\u00e4rgmist.<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/Microsoft\/vscode-eslint\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ESLint<\/a>. Integreerib ESLinti VS-koodi. (Kui olete ESLinti uus kasutaja, kontrollige <strong><a href=\"http:\/\/eslint.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">dokumentatsiooni<\/a><\/strong> .)<\/li>\n<li><a href=\"https:\/\/github.com\/ikappas\/vscode-phpcs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHPCS,<\/a> mis integreerib PHP kodeerimisstandardid (m\u00e4\u00e4ratud eelistustes) IDE-sse.<\/li>\n<li><a href=\"https:\/\/github.com\/jason-pomerleau\/vscode-wordpress-toolbox\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPressi t\u00f6\u00f6riistakast<\/a> pakub v\u00e4ljav\u00f5tteid iga WordPressi funktsiooni, klassi ja konstandi kohta koos argumendit\u00fc\u00fcbi vihjete ja l\u00fchikirjeldustega kuni WordPressi versioonini 4.9.4 (selle postituse ajal).<\/li>\n<\/ul>\n<p>Kui need on installitud, saate oma IDE taask\u00e4ivitada v\u00f5i enne seda eelistuste faili lisada j\u00e4rgmise koodi. Saate seda teha globaalselt v\u00f5i projektip\u00f5hiselt. Kumbki on hea. Olen <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/db004aa90822920fe50b7751c5cf3488\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">koodi<\/a><\/strong> kommenteerinud, et seda oleks v\u00f5imalikult lihtne j\u00e4lgida.<\/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=\"Koodikvaliteedi keelep\u00f5hised s\u00e4tted Visual Studio koodis\" ><\/a><\/p>\n<p>Lisan selle alla ka paar m\u00e4rkust.<\/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>See toimib j\u00e4rgmiselt.<\/p>\n<ul>\n<li>Iga keelet\u00fc\u00fcbi jaoks saate JSON-failis definitsiooni loomisega m\u00e4\u00e4ratleda teatud s\u00e4tted, n\u00e4iteks <strong>tabSize<\/strong> ja <strong>automaatse taande<\/strong> tegemise v\u00f5i mitte .<\/li>\n<li>Selleks tuleb definitsiooni ette lisada keele faililiide v\u00f5i m\u00f5nel juhul (nt JavaScript) keele nimi.<\/li>\n<\/ul>\n<p>Faili allosas olev kood ja <strong>\u00fcldredaktori s\u00e4tted<\/strong> on m\u00f5ned lisad, mida v\u00f5iksite lisada. N\u00e4iteks meeldib mulle k\u00e4rpida kogu l\u00f5ppruumi, soovitada p\u00f5hilisi PHP definitsioone ja kodeerimisstandardite komplekti projekti kallal t\u00f6\u00f6tades.<\/p>\n<p>Need on asjad, mis \u00fcldiselt selle projekti raamest v\u00e4lja j\u00e4\u00e4vad (aga ma olen <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sellest teistes postitustes<\/a><\/strong> arutanud ). Kuid see on siiski piisav, et alustada iga keele puhul pakutavast k\u00f5rgema taseme koodikvaliteediga.<\/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>Kuidas alustada parema koodikvaliteediga keele kohta kui see, mida karbist v\u00e4ljas pakutakse.<\/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":[718,792],"tags":[1165],"class_list":["post-229907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-visual-studio-code-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/229907","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=229907"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/229907\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/164182"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=229907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=229907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=229907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}