\u00cdndice – Instalaci\u00f3n de WordPress en Debian<\/title>\n <style>\n \/* Estilos para el \u00edndice *\/\n .index {\n background-color: #f4f4f4;\n border: 1px solid #ddd;\n border-radius: 10px;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n padding: 20px;\n margin-bottom: 20px;\n }\n\n .index h2 {\n font-size: 1.8em;\n color: #333;\n margin-bottom: 10px;\n }\n\n .index ul {\n list-style-type: none;\n padding: 0;\n }\n\n .index li {\n margin: 6px 0;\n padding-left: 10px;\n border-left: 4px solid transparent;\n transition: transform 0.2s;\n }\n\n .index a {\n text-decoration: none;\n color: #0073e6;\n font-weight: bold;\n transition: color 0.3s;\n }\n\n .index a:hover {\n color: #0052a5;\n }\n\n .index li:hover {\n transform: scale(1.05);\n }\n\n .index .nivel-1 {\n margin-left: 5px;\n border-left-color: #0073e6;\n }\n\n .index .nivel-2 {\n margin-left: 20px;\n border-left-color: #0052a5;\n }\n\n .index .nivel-3 {\n margin-left: 35px;\n border-left-color: #003b73;\n }\n\n .code-container {\n position: relative;\n border: 1px solid #ddd;\n border-radius: 4px;\n background: #f8f8f8;\n margin: 8px 0;\n padding: 15px;\n font-family: monospace;\n overflow: auto;\n }\n\n .copy-button {\n position: absolute;\n top: 10px;\n right: 10px;\n background: #0078d7;\n color: white;\n border: none;\n border-radius: 3px;\n padding: 6px 10px;\n font-size: 12px;\n cursor: pointer;\n }\n\n .copy-button:hover {\n background: #005a9e;\n }\n\n .custom-pre {\n margin: 0;\n padding: 10px;\n overflow-x: auto;\n }\n\n .custom-p {\n margin: 6px 0;\n line-height: 1.6;\n }\n\n .custom-ul {\n margin: 6px 0;\n }\n\n .custom-h3,\n .custom-h4,\n .custom-h5 {\n margin: 15px 0 8px;\n }\n\n .custom-h3 {\n font-size: 1.8em;\n color: #2c3e50;\n font-weight: bold;\n margin-top: 20px;\n margin-bottom: 10px;\n border-bottom: 2px solid #3498db;\n padding-bottom: 5px;\n }\n\n .custom-h4 {\n font-size: 1.4em;\n color: #34495e;\n font-weight: bold;\n margin-top: 15px;\n margin-bottom: 8px;\n padding-left: 10px;\n border-left: 4px solid #3498db;\n }\n\n .custom-h5 {\n font-size: 1.2em;\n color: #4a5568;\n \/* Un color m\u00e1s suave para marcar la jerarqu\u00eda *\/\n font-weight: bold;\n margin-top: 12px;\n margin-bottom: 6px;\n padding-left: 8px;\n border-left: 3px solid #3498db;\n \/* Un borde similar al h4 pero m\u00e1s delgado *\/\n }\n\n .custom-code {\n background-color: #f4f4f4;\n padding: 2px 4px;\n border-radius: 4px;\n }\n\n .image-row {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .image-container {\n text-align: center;\n }\n\n .styled-image {\n max-width: 100%;\n height: auto;\n border-radius: 5px;\n border: 2px solid #ccc;\n margin: 10px 0;\n }\n <\/style>\n <\/head>\n\n <body>\n \n <section>\n <p class=\"custom-p\">\n Visual Studio Code (VSCode) es uno de los editores de c\u00f3digo m\u00e1s\n populares por su versatilidad, rendimiento y amplia gama de funciones.\n Aprender los comandos m\u00e1s comunes puede ayudarte a trabajar m\u00e1s r\u00e1pido y\n de forma m\u00e1s eficiente. A continuaci\u00f3n, te comparto una lista de atajos\n esenciales que todo usuario de VSCode deber\u00eda conocer. Contin\u00faa leyendo\n o, si prefieres, haz\n <a\n href=\"https:\/\/youtu.be\/Ka0tST7kW4g\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >CLICK AQU\u00cd<\/a\n >\n para ver un tutorial paso a paso en YouTube.\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/YouTube_icon.png\"\n alt=\"YouTube\"\n style=\"width: 20px; vertical-align: middle\"\n \/>\n <\/p>\n <p class=\"custom-p\">\n <strong>Art\u00edculo recomendado:<\/strong>\n <a\n href=\"https:\/\/elasvi.com\/index.php\/2024\/11\/27\/descargar-e-instalar-visual-studio-code-en-linux-debian-10\/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >Descargar e instalar Visual Studio Code en Linux Debian 12<\/a\n >.\n <\/p>\n <\/section>\n\n <div class=\"index\">\n <h2>Contenido:<\/h2>\n <ul class=\"custom-ul\">\n <li class=\"nivel-1\">\n <a href=\"#section1\">1. Navegaci\u00f3n r\u00e1pida<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section2\">2. B\u00fasqueda y reemplazo<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section3\">3. Edici\u00f3n de c\u00f3digo<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section4\">4. Gesti\u00f3n de paneles y vistas<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section5\">5. Uso de la terminal integrada<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section6\">6. Comandos avanzados y utilidades<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section7\">7. Conclusi\u00f3n<\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n <article>\n <h3 id=\"section1\" class=\"custom-h3\">1. Navegaci\u00f3n r\u00e1pida<\/h3>\n <ul class=\"custom-ul\">\n <li>\n Presiona <strong>‘Ctrl + P’<\/strong> para abrir un archivo por nombre.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/01-1.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Usa <strong>‘Ctrl + Shift + O’<\/strong> para ir a un s\u00edmbolo dentro\n del archivo (funci\u00f3n, clase, etc.).\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/02-1.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Presiona <strong>‘Ctrl + G’<\/strong> para ir a una l\u00ednea espec\u00edfica.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/03-1.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Con <strong>‘Ctrl + B’<\/strong> puedes mostrar u ocultar la barra\n lateral.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/04.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/ul>\n <script\n async\n src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2225321393472807\"\n crossorigin=\"anonymous\"\n ><\/script>\n <ins\n class=\"adsbygoogle\"\n style=\"display: block; text-align: center\"\n data-ad-layout=\"in-article\"\n data-ad-format=\"fluid\"\n data-ad-client=\"ca-pub-2225321393472807\"\n data-ad-slot=\"4989322001\"\n ><\/ins>\n <script>\n (adsbygoogle = window.adsbygoogle || []).push({});\n <\/script>\n\n <h3 id=\"section2\" class=\"custom-h3\">2. B\u00fasqueda y reemplazo<\/h3>\n <ul class=\"custom-ul\">\n <li>\n Presiona <strong>‘Ctrl + F’<\/strong> para buscar dentro del archivo\n actual.\n <\/li>\n <ol class=\"custom-ol\">\n <li>\n Activa <strong>‘Match case’<\/strong> para distinguir may\u00fasculas y\n min\u00fasculas.\n <\/li>\n <li>\n Activa <strong>‘Match whole word’<\/strong> para buscar palabras\n completas.\n <\/li>\n <\/ol>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/05.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Usa <strong>‘Ctrl + H’<\/strong> para reemplazar texto en el archivo\n actual.\n <\/li>\n <ol class=\"custom-ol\">\n <li>\n Con <strong>‘Replace’<\/strong> reemplazas solo la coincidencia\n seleccionada.\n <\/li>\n <li>\n Con <strong>‘Replace All’<\/strong> reemplazas todas las\n coincidencias del archivo.\n <\/li>\n <\/ol>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/06.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Presiona <strong>‘Ctrl + Shift + F’<\/strong> para buscar en todos los\n archivos del proyecto.\n <\/li>\n <ol class=\"custom-ol\">\n <li>\n <strong>‘Match case’<\/strong> y\n <strong>‘Match whole word’<\/strong> funcionan igual que en la\n b\u00fasqueda local.\n <\/li>\n <li>\n <strong>‘Replace’<\/strong> habilita el reemplazo global desde el\n mismo panel.\n <\/li>\n <li>\n <strong>‘Files to include’<\/strong>limita la b\u00fasqueda a ciertos\n archivos o carpetas (por ejemplo,\n <code class=\"custom-code\">src\/**\/*.js<\/code>).\n <\/li>\n <li>\n <strong>‘Files to exclude’<\/strong> excluye rutas espec\u00edficas (como\n <code class=\"custom-code\">node_modules<\/code> o archivos\n temporales).\n <\/li>\n <\/ol>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/07.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/ul>\n\n <h3 id=\"section3\" class=\"custom-h3\">3. Edici\u00f3n de c\u00f3digo<\/h3>\n <ol class=\"custom-ol\">\n <li>\n Usa <strong>‘Alt + \u2191 \/ \u2193’<\/strong> para mover una l\u00ednea hacia arriba o\n hacia abajo.\n <\/li>\n <li>\n Presiona <strong>‘Shift + Alt + \u2191 \/ \u2193’<\/strong> para seleccionar\n varias l\u00edneas y editarlas al mismo tiempo. Cuando termines, presiona\n <strong>‘ESC’<\/strong>.\n <\/li>\n <li>\n Presiona <strong>‘Ctrl + \/’<\/strong> para comentar o descomentar\n l\u00edneas seleccionadas.\n <\/li>\n <p class=\"custom-p\">\n Por ejemplo, selecciona varias l\u00edneas y comenta todo el bloque con el\n comando anterior.\n <\/p>\n <li>\n Con <strong>‘Ctrl + Space’<\/strong> puedes mostrar sugerencias de\n autocompletado del editor.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/08.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/ol>\n <script\n async\n src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2225321393472807\"\n crossorigin=\"anonymous\"\n ><\/script>\n <ins\n class=\"adsbygoogle\"\n style=\"display: block; text-align: center\"\n data-ad-layout=\"in-article\"\n data-ad-format=\"fluid\"\n data-ad-client=\"ca-pub-2225321393472807\"\n data-ad-slot=\"4989322001\"\n ><\/ins>\n <script>\n (adsbygoogle = window.adsbygoogle || []).push({});\n <\/script>\n\n <h3 id=\"section4\" class=\"custom-h3\">4. Gesti\u00f3n de paneles y vistas<\/h3>\n <ul class=\"custom-ul\">\n <li>\n Presiona <strong>‘Ctrl + \\’<\/strong> para dividir el editor en\n columnas, y <strong>‘Ctrl + W’<\/strong> para cerrarlas.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/09.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Usa <strong>‘Ctrl + Tab’<\/strong> para cambiar entre archivos abiertos\n recientemente.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/10.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Presiona <strong>‘Ctrl + Shift + E’<\/strong> para abrir el explorador\n de archivos.\n <\/li>\n <li>\n Presiona <strong>‘Ctrl + Shift + D’<\/strong> para abrir el panel de\n depuraci\u00f3n.\n <\/li>\n <li>\n Presiona <strong>‘Ctrl + Shift + X’<\/strong> para ver y gestionar\n extensiones.\n <\/li>\n\n <div class=\"image-row\">\n <div class=\"image-container\">\n <p class=\"image-paragraph\">\n <strong>Explorador de archivos<\/strong>\n <\/p>\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/11.jpg\"\n alt=\"\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <div class=\"image-container\">\n <p class=\"image-paragraph\"><strong>Panel de depuraci\u00f3n<\/strong><\/p>\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/12.jpg\"\n alt=\"\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <div class=\"image-container\">\n <p class=\"image-paragraph\">\n <strong>Gestionar extensiones<\/strong>\n <\/p>\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/13.jpg\"\n alt=\"\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/div>\n <\/ul>\n\n <h3 id=\"section5\" class=\"custom-h3\">5. Uso de la terminal integrada<\/h3>\n <ol class=\"custom-ol\">\n <li>\n Presiona <strong>‘Ctrl + `’<\/strong> para mostrar u ocultar la\n terminal integrada.\n <\/li>\n <li>\n Con <strong>‘Ctrl + Shift + C’<\/strong> puedes abrir la terminal\n externa del sistema.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/14.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/ol>\n\n <h3 id=\"section6\" class=\"custom-h3\">\n 6. Comandos avanzados y utilidades\n <\/h3>\n <ul class=\"custom-ul\">\n <li>\n Presiona <strong>‘Ctrl + Shift + P’<\/strong> o\n <strong>‘F1’<\/strong> para abrir la paleta de comandos.\n <\/li>\n <li>\n Presiona <strong>‘Ctrl + Shift + M’<\/strong> para abrir el panel de\n problemas.\n <\/li>\n <li>\n Usa <strong>‘F8’<\/strong> para ir al siguiente error o advertencia en\n el c\u00f3digo.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/15.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/ul>\n <script\n async\n src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2225321393472807\"\n crossorigin=\"anonymous\"\n ><\/script>\n <ins\n class=\"adsbygoogle\"\n style=\"display: block; text-align: center\"\n data-ad-layout=\"in-article\"\n data-ad-format=\"fluid\"\n data-ad-client=\"ca-pub-2225321393472807\"\n data-ad-slot=\"4989322001\"\n ><\/ins>\n <script>\n (adsbygoogle = window.adsbygoogle || []).push({});\n <\/script>\n\n <h3 id=\"section7\" class=\"custom-h3\">7. Conclusi\u00f3n<\/h3>\n <ul class=\"custom-ul\">\n <p class=\"custom-p\">\n Dominar estos comandos puede parecer algo menor al principio, pero con\n el tiempo marcan una gran diferencia en la fluidez de tu trabajo.\n Visual Studio Code est\u00e1 dise\u00f1ado para adaptarse a tus necesidades, y\n estos atajos son la puerta de entrada a una experiencia de desarrollo\n m\u00e1s \u00e1gil, limpia y enfocada.\n <\/p>\n <\/ul>\n <\/article>\n\n <script>\n function copyCode(button) {\n navigator.clipboard.writeText(button.nextElementSibling.innerText);\n button.textContent = \"\u00a1Copiado!\";\n setTimeout(() => (button.textContent = \"Copiar\"), 2000);\n }\n <\/script>\n <\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Visual Studio Code (VSCode) es uno de los editores de c\u00f3digo m\u00e1s populares por su versatilidad, rendimiento y amplia gama de funciones. Aprender los comandos m\u00e1s comunes puede ayudarte a trabajar m\u00e1s r\u00e1pido y de forma m\u00e1s eficiente.<\/p>\n","protected":false},"author":1,"featured_media":4412,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[57,173,30],"tags":[131,174,29],"class_list":["post-4410","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-debian","category-gnu-linux","category-visual-studio-code","tag-debian-12","tag-gnu-linux","tag-visual-studio-code"],"_links":{"self":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/4410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/comments?post=4410"}],"version-history":[{"count":3,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/4410\/revisions"}],"predecessor-version":[{"id":4438,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/4410\/revisions\/4438"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/media\/4412"}],"wp:attachment":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/media?parent=4410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/categories?post=4410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/tags?post=4410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4410,"date":"2025-06-09T11:00:00","date_gmt":"2025-06-09T11:00:00","guid":{"rendered":"https:\/\/elasvi.com\/?p=4410"},"modified":"2025-06-12T16:28:31","modified_gmt":"2025-06-12T16:28:31","slug":"comandos-basicos-de-visual-studio-code-para-mejorar-tu-productividad","status":"publish","type":"post","link":"https:\/\/elasvi.com\/index.php\/2025\/06\/09\/comandos-basicos-de-visual-studio-code-para-mejorar-tu-productividad\/","title":{"rendered":"Comandos B\u00e1sicos de Visual Studio Code para Mejorar tu Productividad"},"content":{"rendered":"\n\n\n \n \n \n \u00cdndice – Instalaci\u00f3n de WordPress en Debian<\/title>\n <style>\n \/* Estilos para el \u00edndice *\/\n .index {\n background-color: #f4f4f4;\n border: 1px solid #ddd;\n border-radius: 10px;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n padding: 20px;\n margin-bottom: 20px;\n }\n\n .index h2 {\n font-size: 1.8em;\n color: #333;\n margin-bottom: 10px;\n }\n\n .index ul {\n list-style-type: none;\n padding: 0;\n }\n\n .index li {\n margin: 6px 0;\n padding-left: 10px;\n border-left: 4px solid transparent;\n transition: transform 0.2s;\n }\n\n .index a {\n text-decoration: none;\n color: #0073e6;\n font-weight: bold;\n transition: color 0.3s;\n }\n\n .index a:hover {\n color: #0052a5;\n }\n\n .index li:hover {\n transform: scale(1.05);\n }\n\n .index .nivel-1 {\n margin-left: 5px;\n border-left-color: #0073e6;\n }\n\n .index .nivel-2 {\n margin-left: 20px;\n border-left-color: #0052a5;\n }\n\n .index .nivel-3 {\n margin-left: 35px;\n border-left-color: #003b73;\n }\n\n .code-container {\n position: relative;\n border: 1px solid #ddd;\n border-radius: 4px;\n background: #f8f8f8;\n margin: 8px 0;\n padding: 15px;\n font-family: monospace;\n overflow: auto;\n }\n\n .copy-button {\n position: absolute;\n top: 10px;\n right: 10px;\n background: #0078d7;\n color: white;\n border: none;\n border-radius: 3px;\n padding: 6px 10px;\n font-size: 12px;\n cursor: pointer;\n }\n\n .copy-button:hover {\n background: #005a9e;\n }\n\n .custom-pre {\n margin: 0;\n padding: 10px;\n overflow-x: auto;\n }\n\n .custom-p {\n margin: 6px 0;\n line-height: 1.6;\n }\n\n .custom-ul {\n margin: 6px 0;\n }\n\n .custom-h3,\n .custom-h4,\n .custom-h5 {\n margin: 15px 0 8px;\n }\n\n .custom-h3 {\n font-size: 1.8em;\n color: #2c3e50;\n font-weight: bold;\n margin-top: 20px;\n margin-bottom: 10px;\n border-bottom: 2px solid #3498db;\n padding-bottom: 5px;\n }\n\n .custom-h4 {\n font-size: 1.4em;\n color: #34495e;\n font-weight: bold;\n margin-top: 15px;\n margin-bottom: 8px;\n padding-left: 10px;\n border-left: 4px solid #3498db;\n }\n\n .custom-h5 {\n font-size: 1.2em;\n color: #4a5568;\n \/* Un color m\u00e1s suave para marcar la jerarqu\u00eda *\/\n font-weight: bold;\n margin-top: 12px;\n margin-bottom: 6px;\n padding-left: 8px;\n border-left: 3px solid #3498db;\n \/* Un borde similar al h4 pero m\u00e1s delgado *\/\n }\n\n .custom-code {\n background-color: #f4f4f4;\n padding: 2px 4px;\n border-radius: 4px;\n }\n\n .image-row {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .image-container {\n text-align: center;\n }\n\n .styled-image {\n max-width: 100%;\n height: auto;\n border-radius: 5px;\n border: 2px solid #ccc;\n margin: 10px 0;\n }\n <\/style>\n <\/head>\n\n <body>\n \n <section>\n <p class=\"custom-p\">\n Visual Studio Code (VSCode) es uno de los editores de c\u00f3digo m\u00e1s\n populares por su versatilidad, rendimiento y amplia gama de funciones.\n Aprender los comandos m\u00e1s comunes puede ayudarte a trabajar m\u00e1s r\u00e1pido y\n de forma m\u00e1s eficiente. A continuaci\u00f3n, te comparto una lista de atajos\n esenciales que todo usuario de VSCode deber\u00eda conocer. Contin\u00faa leyendo\n o, si prefieres, haz\n <a\n href=\"https:\/\/youtu.be\/Ka0tST7kW4g\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >CLICK AQU\u00cd<\/a\n >\n para ver un tutorial paso a paso en YouTube.\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/YouTube_icon.png\"\n alt=\"YouTube\"\n style=\"width: 20px; vertical-align: middle\"\n \/>\n <\/p>\n <p class=\"custom-p\">\n <strong>Art\u00edculo recomendado:<\/strong>\n <a\n href=\"https:\/\/elasvi.com\/index.php\/2024\/11\/27\/descargar-e-instalar-visual-studio-code-en-linux-debian-10\/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >Descargar e instalar Visual Studio Code en Linux Debian 12<\/a\n >.\n <\/p>\n <\/section>\n\n <div class=\"index\">\n <h2>Contenido:<\/h2>\n <ul class=\"custom-ul\">\n <li class=\"nivel-1\">\n <a href=\"#section1\">1. Navegaci\u00f3n r\u00e1pida<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section2\">2. B\u00fasqueda y reemplazo<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section3\">3. Edici\u00f3n de c\u00f3digo<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section4\">4. Gesti\u00f3n de paneles y vistas<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section5\">5. Uso de la terminal integrada<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section6\">6. Comandos avanzados y utilidades<\/a>\n <\/li>\n\n <li class=\"nivel-1\">\n <a href=\"#section7\">7. Conclusi\u00f3n<\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n <article>\n <h3 id=\"section1\" class=\"custom-h3\">1. Navegaci\u00f3n r\u00e1pida<\/h3>\n <ul class=\"custom-ul\">\n <li>\n Presiona <strong>‘Ctrl + P’<\/strong> para abrir un archivo por nombre.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/01-1.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Usa <strong>‘Ctrl + Shift + O’<\/strong> para ir a un s\u00edmbolo dentro\n del archivo (funci\u00f3n, clase, etc.).\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/02-1.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Presiona <strong>‘Ctrl + G’<\/strong> para ir a una l\u00ednea espec\u00edfica.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/03-1.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Con <strong>‘Ctrl + B’<\/strong> puedes mostrar u ocultar la barra\n lateral.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/04.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/ul>\n <script\n async\n src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2225321393472807\"\n crossorigin=\"anonymous\"\n ><\/script>\n <ins\n class=\"adsbygoogle\"\n style=\"display: block; text-align: center\"\n data-ad-layout=\"in-article\"\n data-ad-format=\"fluid\"\n data-ad-client=\"ca-pub-2225321393472807\"\n data-ad-slot=\"4989322001\"\n ><\/ins>\n <script>\n (adsbygoogle = window.adsbygoogle || []).push({});\n <\/script>\n\n <h3 id=\"section2\" class=\"custom-h3\">2. B\u00fasqueda y reemplazo<\/h3>\n <ul class=\"custom-ul\">\n <li>\n Presiona <strong>‘Ctrl + F’<\/strong> para buscar dentro del archivo\n actual.\n <\/li>\n <ol class=\"custom-ol\">\n <li>\n Activa <strong>‘Match case’<\/strong> para distinguir may\u00fasculas y\n min\u00fasculas.\n <\/li>\n <li>\n Activa <strong>‘Match whole word’<\/strong> para buscar palabras\n completas.\n <\/li>\n <\/ol>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/05.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Usa <strong>‘Ctrl + H’<\/strong> para reemplazar texto en el archivo\n actual.\n <\/li>\n <ol class=\"custom-ol\">\n <li>\n Con <strong>‘Replace’<\/strong> reemplazas solo la coincidencia\n seleccionada.\n <\/li>\n <li>\n Con <strong>‘Replace All’<\/strong> reemplazas todas las\n coincidencias del archivo.\n <\/li>\n <\/ol>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/06.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Presiona <strong>‘Ctrl + Shift + F’<\/strong> para buscar en todos los\n archivos del proyecto.\n <\/li>\n <ol class=\"custom-ol\">\n <li>\n <strong>‘Match case’<\/strong> y\n <strong>‘Match whole word’<\/strong> funcionan igual que en la\n b\u00fasqueda local.\n <\/li>\n <li>\n <strong>‘Replace’<\/strong> habilita el reemplazo global desde el\n mismo panel.\n <\/li>\n <li>\n <strong>‘Files to include’<\/strong>limita la b\u00fasqueda a ciertos\n archivos o carpetas (por ejemplo,\n <code class=\"custom-code\">src\/**\/*.js<\/code>).\n <\/li>\n <li>\n <strong>‘Files to exclude’<\/strong> excluye rutas espec\u00edficas (como\n <code class=\"custom-code\">node_modules<\/code> o archivos\n temporales).\n <\/li>\n <\/ol>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/07.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/ul>\n\n <h3 id=\"section3\" class=\"custom-h3\">3. Edici\u00f3n de c\u00f3digo<\/h3>\n <ol class=\"custom-ol\">\n <li>\n Usa <strong>‘Alt + \u2191 \/ \u2193’<\/strong> para mover una l\u00ednea hacia arriba o\n hacia abajo.\n <\/li>\n <li>\n Presiona <strong>‘Shift + Alt + \u2191 \/ \u2193’<\/strong> para seleccionar\n varias l\u00edneas y editarlas al mismo tiempo. Cuando termines, presiona\n <strong>‘ESC’<\/strong>.\n <\/li>\n <li>\n Presiona <strong>‘Ctrl + \/’<\/strong> para comentar o descomentar\n l\u00edneas seleccionadas.\n <\/li>\n <p class=\"custom-p\">\n Por ejemplo, selecciona varias l\u00edneas y comenta todo el bloque con el\n comando anterior.\n <\/p>\n <li>\n Con <strong>‘Ctrl + Space’<\/strong> puedes mostrar sugerencias de\n autocompletado del editor.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/08.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/ol>\n <script\n async\n src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2225321393472807\"\n crossorigin=\"anonymous\"\n ><\/script>\n <ins\n class=\"adsbygoogle\"\n style=\"display: block; text-align: center\"\n data-ad-layout=\"in-article\"\n data-ad-format=\"fluid\"\n data-ad-client=\"ca-pub-2225321393472807\"\n data-ad-slot=\"4989322001\"\n ><\/ins>\n <script>\n (adsbygoogle = window.adsbygoogle || []).push({});\n <\/script>\n\n <h3 id=\"section4\" class=\"custom-h3\">4. Gesti\u00f3n de paneles y vistas<\/h3>\n <ul class=\"custom-ul\">\n <li>\n Presiona <strong>‘Ctrl + \\’<\/strong> para dividir el editor en\n columnas, y <strong>‘Ctrl + W’<\/strong> para cerrarlas.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/09.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Usa <strong>‘Ctrl + Tab’<\/strong> para cambiar entre archivos abiertos\n recientemente.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/10.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <li>\n Presiona <strong>‘Ctrl + Shift + E’<\/strong> para abrir el explorador\n de archivos.\n <\/li>\n <li>\n Presiona <strong>‘Ctrl + Shift + D’<\/strong> para abrir el panel de\n depuraci\u00f3n.\n <\/li>\n <li>\n Presiona <strong>‘Ctrl + Shift + X’<\/strong> para ver y gestionar\n extensiones.\n <\/li>\n\n <div class=\"image-row\">\n <div class=\"image-container\">\n <p class=\"image-paragraph\">\n <strong>Explorador de archivos<\/strong>\n <\/p>\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/11.jpg\"\n alt=\"\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <div class=\"image-container\">\n <p class=\"image-paragraph\"><strong>Panel de depuraci\u00f3n<\/strong><\/p>\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/12.jpg\"\n alt=\"\"\n class=\"styled-image\"\n \/>\n <\/div>\n\n <div class=\"image-container\">\n <p class=\"image-paragraph\">\n <strong>Gestionar extensiones<\/strong>\n <\/p>\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/13.jpg\"\n alt=\"\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/div>\n <\/ul>\n\n <h3 id=\"section5\" class=\"custom-h3\">5. Uso de la terminal integrada<\/h3>\n <ol class=\"custom-ol\">\n <li>\n Presiona <strong>‘Ctrl + `’<\/strong> para mostrar u ocultar la\n terminal integrada.\n <\/li>\n <li>\n Con <strong>‘Ctrl + Shift + C’<\/strong> puedes abrir la terminal\n externa del sistema.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/14.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/ol>\n\n <h3 id=\"section6\" class=\"custom-h3\">\n 6. Comandos avanzados y utilidades\n <\/h3>\n <ul class=\"custom-ul\">\n <li>\n Presiona <strong>‘Ctrl + Shift + P’<\/strong> o\n <strong>‘F1’<\/strong> para abrir la paleta de comandos.\n <\/li>\n <li>\n Presiona <strong>‘Ctrl + Shift + M’<\/strong> para abrir el panel de\n problemas.\n <\/li>\n <li>\n Usa <strong>‘F8’<\/strong> para ir al siguiente error o advertencia en\n el c\u00f3digo.\n <\/li>\n\n <div class=\"image-container\">\n <img decoding=\"async\"\n src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/06\/15.jpg\"\n alt=\"undefined\"\n class=\"styled-image\"\n \/>\n <\/div>\n <\/ul>\n <script\n async\n src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2225321393472807\"\n crossorigin=\"anonymous\"\n ><\/script>\n <ins\n class=\"adsbygoogle\"\n style=\"display: block; text-align: center\"\n data-ad-layout=\"in-article\"\n data-ad-format=\"fluid\"\n data-ad-client=\"ca-pub-2225321393472807\"\n data-ad-slot=\"4989322001\"\n ><\/ins>\n <script>\n (adsbygoogle = window.adsbygoogle || []).push({});\n <\/script>\n\n <h3 id=\"section7\" class=\"custom-h3\">7. Conclusi\u00f3n<\/h3>\n <ul class=\"custom-ul\">\n <p class=\"custom-p\">\n Dominar estos comandos puede parecer algo menor al principio, pero con\n el tiempo marcan una gran diferencia en la fluidez de tu trabajo.\n Visual Studio Code est\u00e1 dise\u00f1ado para adaptarse a tus necesidades, y\n estos atajos son la puerta de entrada a una experiencia de desarrollo\n m\u00e1s \u00e1gil, limpia y enfocada.\n <\/p>\n <\/ul>\n <\/article>\n\n <script>\n function copyCode(button) {\n navigator.clipboard.writeText(button.nextElementSibling.innerText);\n button.textContent = \"\u00a1Copiado!\";\n setTimeout(() => (button.textContent = \"Copiar\"), 2000);\n }\n <\/script>\n <\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Visual Studio Code (VSCode) es uno de los editores de c\u00f3digo m\u00e1s populares por su versatilidad, rendimiento y amplia gama de funciones. Aprender los comandos m\u00e1s comunes puede ayudarte a trabajar m\u00e1s r\u00e1pido y de forma m\u00e1s eficiente.<\/p>\n","protected":false},"author":1,"featured_media":4412,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[57,173,30],"tags":[131,174,29],"class_list":["post-4410","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-debian","category-gnu-linux","category-visual-studio-code","tag-debian-12","tag-gnu-linux","tag-visual-studio-code"],"_links":{"self":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/4410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/comments?post=4410"}],"version-history":[{"count":3,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/4410\/revisions"}],"predecessor-version":[{"id":4438,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/4410\/revisions\/4438"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/media\/4412"}],"wp:attachment":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/media?parent=4410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/categories?post=4410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/tags?post=4410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}