{"id":230085,"date":"2022-11-27T14:33:00","date_gmt":"2022-11-27T11:33:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230085"},"modified":"2022-11-09T20:01:32","modified_gmt":"2022-11-09T17:01:32","slug":"configuracion-de-calidad-de-codigo-por-idioma-en-codigo-de-visual-studio","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/configuracion-de-calidad-de-codigo-por-idioma-en-codigo-de-visual-studio\/","title":{"rendered":"Configuraci\u00f3n de calidad de c\u00f3digo por idioma en c\u00f3digo de Visual Studio"},"content":{"rendered":"\n<p>En publicaciones anteriores, habl\u00e9 un poco sobre <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio Code<\/a><\/strong> y, aunque prob\u00e9 una variedad de otros editores, sigo volviendo a este IDE en particular.<\/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=\"Configuraci\u00f3n de calidad de c\u00f3digo por idioma en c\u00f3digo de Visual Studio\" ><\/a><\/p>\n<p>Con el tiempo, ha madurado bastante, contin\u00faa haci\u00e9ndolo y permite una gran cantidad de personalizaci\u00f3n, especialmente para aquellos de nosotros que trabajamos en <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> y, en t\u00e9rminos m\u00e1s generales, <strong><a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress<\/a><\/strong>.<\/p>\n<p>Sin embargo, si usa linters, encontrar\u00e1 que una de las cosas de las que cada uno hablar\u00e1 es la cantidad de espacio en blanco que debe existir antes de una l\u00ednea de c\u00f3digo dada.<\/p>\n<p>Entonces, si usa <strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Visual Studio Code<\/a><\/strong>, estas son las extensiones y la configuraci\u00f3n que recomiendo para asegurarse de que su c\u00f3digo est\u00e9 a la altura de las herramientas de calidad de c\u00f3digo que est\u00e9 usando.<\/p>\n<h2>Calidad del c\u00f3digo por idioma<\/h2>\n<p>Primero, las extensiones que recomiendo que instalen todas las personas, al menos si est\u00e1 trabajando con los idiomas anteriores, incluyen lo siguiente:<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/Microsoft\/vscode-eslint\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ESLint<\/a>. Integra ESLint en VS Code. (Si es nuevo en ESLint, consulte la <strong><a href=\"http:\/\/eslint.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">documentaci\u00f3n<\/a><\/strong> ).<\/li>\n<li><a href=\"https:\/\/github.com\/ikappas\/vscode-phpcs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHPCS<\/a> que integra los est\u00e1ndares de codificaci\u00f3n de PHP (establecidos en las preferencias) en el 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> proporciona fragmentos para cada funci\u00f3n, clase y constante de WordPress, con sugerencias de tipo de argumento y breves descripciones hasta WordPress 4.9.4 (en el momento de esta publicaci\u00f3n).<\/li>\n<\/ul>\n<p>Una vez que est\u00e9n instalados, puede reiniciar su IDE o agregar el siguiente c\u00f3digo al archivo de preferencias antes de hacerlo. Puede hacerlo de forma global o por proyecto. Cualquiera esta bien. He comentado <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/db004aa90822920fe50b7751c5cf3488\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">el c\u00f3digo<\/a><\/strong> para que sea lo m\u00e1s f\u00e1cil posible de seguir.<\/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=\"Configuraci\u00f3n de calidad de c\u00f3digo por idioma en c\u00f3digo de Visual Studio\" ><\/a><\/p>\n<p>Tambi\u00e9n agregar\u00e9 algunas notas debajo.<\/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>As\u00ed es como funciona:<\/p>\n<ul>\n<li>Para cada tipo de idioma, puede definir ciertas configuraciones, como <strong>tabSize<\/strong> y si desea o no <strong>aplicar sangr\u00eda autom\u00e1tica<\/strong> creando una definici\u00f3n en el archivo JSON.<\/li>\n<li>Para hacer esto, preceda la definici\u00f3n con el sufijo de archivo del idioma o, en algunos casos (como JavaScript), el nombre del idioma.<\/li>\n<\/ul>\n<p>El c\u00f3digo en la parte inferior del archivo, la <strong>configuraci\u00f3n del editor general<\/strong> se proporciona como algunos extras que quiz\u00e1s desee incluir. Por ejemplo, me gusta recortar todo el espacio final, sugerir definiciones b\u00e1sicas de PHP y un conjunto de est\u00e1ndares de codificaci\u00f3n para cuando estoy trabajando en un proyecto.<\/p>\n<p>Estas son cosas que generalmente est\u00e1n fuera del alcance de este proyecto (pero que he discutido <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/visual-studio-code\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">en otras publicaciones<\/a><\/strong> ). Pero todav\u00eda es suficiente para comenzar con un nivel m\u00e1s alto de calidad de c\u00f3digo por idioma que lo que se ofrece de forma inmediata.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo comenzar con un nivel m\u00e1s alto de calidad de c\u00f3digo por idioma que el que se ofrece listo para usar.<\/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":[716,790],"tags":[1172],"class_list":["post-230085","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollador","category-visual-studio-code-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/230085","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=230085"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/230085\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/164182"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=230085"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=230085"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=230085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}