> ## Content Index > Fetch the complete content index at: https://itsfoss.com/llms.txt > Use this file to discover other available public pages before exploring further. # Identación Automática de Código en Visual Studio Code - URL: https://itsfoss.com/es/identacion-automatico-vs-code/ - Published: 2023-08-29T06:46:06.000Z - Updated: 2023-08-29T06:46:06.000Z - Description: Formatea tu código correctamente. Aprende cómo hacer sangrías automáticas en el Visual Studio Code. - Author: Marco Carmona - Tags: Español La indentación en el código se refiere al espacio que tienes al comienzo de una línea de código. **Si deseas indentar varias líneas a la vez, selecciónalas y presiona Ctrl+\] para añadir la indentación o Ctrl+\[ para eliminarla. Presionar las mismas teclas nuevamente añadirá (o moverá hacia atrás) la indentación de nuevo.** Pero este es el método manual. Tienes que identificar y seleccionar las líneas por ti mismo. Como otros editores de código y entornos de desarrollo integrados (IDEs), VS Code te permite indentar tu código automáticamente. Puedes configurar tabulaciones o espacios, o lo que prefieras para la indentación. ¿Suena bien? Veamos cómo hacerlo. ## Habilitar la indentación automática en VS Code Hay varias formas de lograr esto. En esta guía, te mostraré tres formas de indentar automáticamente tu código en Visual Studio Code. ### Método 1: Configurar la configuración global del usuario Puedes acceder a la configuración global del usuario a través de la paleta de comandos. Usa Ctrl + Shift + P para abrir la paleta de comandos y busca **Abrir configuración de usuario** y presiona enter: ![](https://itsfoss.com/content/images/2023/08/Abrir_configuraci-n_de_usuario.png) Se abrirán las configuraciones. Desde ahí, deberás buscar "Auto Indent" y seleccionar **Full** como opción de sangrado en **Editor: Auto Indent**. ![](https://itsfoss.com/content/images/2023/08/Full_auto_indent.png) Y la sangría automática está habilitada y se aplica a cada archivo abierto en VSCode. ### Método 2: Uso de linter o formateador para la sangría automática en VS Code En este método, deberás agregar extensiones como un formateador de código o un linter para obtener los resultados deseados. Los linters identificarán los errores en el código, mientras que los formateadores solo darán formato a tu código para que sea más legible. Puedes buscar formateadores de código en el [mercado de VSCode](https://marketplace.visualstudio.com/vscode?ref=its-foss) específicos para tu lenguaje de programación. Y aquí tienes algunos de mis formateadores de código y linters favoritos para lenguajes ampliamente populares: - [C/C++](https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools&ref=its-foss): Para el lenguaje de programación C y C++. - [PHP](https://marketplace.visualstudio.com/items?itemName=DEVSENSE.phptools-vscode&ref=its-foss): Para PHP. - [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint&ref=its-foss): Para archivos markdown. - [Python](https://marketplace.visualstudio.com/items?itemName=ms-python.python&ref=its-foss): Para el lenguaje de programación Python. - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint&ref=its-foss): Para JSON y JavaScript. - [Beautify](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify&ref=its-foss): Para JavaScript, JSON, CSS, Sass y HTML. Una vez que hayas agregado un formateador para tu lenguaje de programación preferido, puedes presionar Ctrl + Shift + I para dar formato al código. De manera similar, puedes hacer lo mismo usando el panel de comandos. Presiona Ctrl + Shift + P, busca **Formatear documento** y presiona Enter. 0:00 /0:12 1× ### Método 3: Habilitar el autoindentado al guardar el archivo VSCode te permite formatear tu código mientras los guardas con un pequeño ajuste. Permíteme mostrarte cómo hacerlo. Presiona Ctrl + , y se abrirá el cuadro de diálogo de configuración de usuario. A partir de ahí, busca la opción **Format On Save** (Formatear al guardar): ![](https://itsfoss.com/content/images/2023/08/image-13.png) Y a partir de ahora, tus archivos agregarán automáticamente una sangría cada vez que los guardes. ## Para Concluir Conocer y practicar los atajos de teclado te ayuda a trabajar de manera más rápida. Aquí hay algunos interesantes que deberías conocer. [15 Best VS Code Keyboard Shortcuts to Increase ProductivityDo you want to be highly productive? Get familiar and memorize these VS Code keyboard shortcuts for Linux, Windows, and macOS.![](https://itsfoss.com/content/images/size/w256h256/2022/12/android-chrome-192x192.png)It's FOSSCommunity![](https://itsfoss.com/content/images/wordpress/2021/06/vs-code-shortcuts.png)](https://itsfoss.com/vs-code-shortcuts/) En esta guía, expliqué cómo puedes añadir automáticamente identación en VSCode. Recomendaría usar el segundo método para una mejor flexibilidad. Espero que encuentres útil esta guía y si tienes alguna pregunta o sugerencia, déjame saber en los comentarios.