¡Descubre cómo personalizar Visual Studio (VS) Code para satisfacer tus necesidades!
Visual Studio (VS) Code es uno de los mejores editores de código por muchas razones. Pero lo que hace que este editor de código sea una opción para muchos programadores es la capacidad de personalizarlo para satisfacer sus necesidades. Una de las muchas formas en que los programadores personalizan VS Code es accediendo y editando el archivo settings.json.
En este artículo, te mostraremos cómo abrir el archivo settings.json en VS Code a través de diferentes métodos en Windows, Linux y Mac. También te explicaremos cómo editar la configuración en el archivo settings.json y responderemos algunas preguntas frecuentes sobre este tema.
Cómo abrir Settings.json en VS Code
Los usuarios pueden cambiar fácilmente la mayoría de las configuraciones de VS Code utilizando la interfaz de usuario (IU) provista. Sin embargo, algunas personalizaciones no están disponibles en la interfaz y debe acceder al archivo settings.json para cambiarlas.
Afortunadamente, abrir el archivo settings.json es relativamente fácil y hay algunas formas de hacerlo.
Uso de la paleta de comandos de VS Code: Windows o Linux
Los accesos directos y los comandos pueden ser difíciles de navegar, especialmente si no eres un ávido usuario de computadoras. Afortunadamente, VS Code proporciona una paleta de comandos intuitiva que facilita el acceso al archivo settings.json. Aquí se explica cómo usar la paleta de comandos de VS Code para acceder al archivo en una computadora con Windows o Linux:
- Abre Visual Studio Code y presiona “Ctrl + Shift + P” para acceder a la paleta de comandos.
Paso 1 - Escribe “Settings.json” en la barra de búsqueda y selecciona el archivo settings.json específico que deseas editar. Toma en cuenta que hay dos archivos settings.json: uno para la configuración del usuario y otro para la configuración del espacio de trabajo.
Paso 2 - Modifica tu configuración a través del archivo.
Si no te gusta utilizar atajos de teclado, considera este otro método:
- Abre Visual Studio Code.
- Haz clic en el ícono de configuración en la esquina inferior izquierda de la pantalla.
- Selecciona “Configuración”.
- Haz clic en el ícono de archivo en la esquina superior derecha de la pantalla.
- El archivo settings.json debería abrirse inmediatamente y puedes realizar los cambios que desees.
Uso de la paleta de comandos de VS Code – Mac
Si estás en una Mac, sigue los pasos a continuación para abrir el archivo settings.json usando la paleta de comandos.
- Abre Visual Studio Code.
- Selecciona “Código” y luego “Preferencias”.
- Ve a:
- Pestaña “Usuario” para la configuración del usuario.
- Pestaña “Área de trabajo” para la configuración del área de trabajo.
- Pestaña “Usuario” para la configuración del usuario.
- Haz clic en el ícono de archivo en la esquina superior derecha de la pantalla para abrir el archivo settings.json elegido.
- Realiza los cambios necesarios y guarda el archivo antes de salir.
Uso del Explorador de archivos – Windows
También puedes usar el Explorador de archivos para acceder al archivo settings.json. Si estás en una computadora con Windows, aquí te mostramos cómo usar el programa para abrir el archivo settings.json:
- Presiona las teclas “Windows + R” para abrir el cuadro de ejecución.
- Escribe “%userprofile%” sin las comillas y presiona “Enter”.
- Selecciona “Datos de la aplicación”. De forma predeterminada, no puedes ver el archivo “AppData”. Luego, ve a “Ver” y marca la casilla de verificación “Elementos ocultos” para obtener permiso para ver el archivo.
- Ve a “Roaming” y luego a “Passcode”.
- Localiza el archivo “Settings.json” y haz clic derecho sobre él. Ve a “Abrir con”.
- Selecciona “Código VS” para abrir el archivo en Visual Studio Code.
- Realiza los cambios necesarios y guarda el archivo antes de salir.
Uso del Explorador de archivos – Linux
Para abrir el archivo settings.json en Linux, sigue la ruta del directorio a continuación y abre el archivo usando VS Code:
$HOME/.config/Code/User/settings.json
Uso del Explorador de archivos – Mac
Si estás en una Mac, sigue los pasos a continuación para abrir el archivo settings.json en VS Code:
- Ve a “Ir” y selecciona “Biblioteca”.
- Si falta la opción “Biblioteca”, navega hasta “Ir” y luego “Ir a la carpeta”. Escribe “~/Biblioteca” y haz clic en el botón “Ir” para que la opción Biblioteca esté disponible.
- Una vez que la carpeta “Biblioteca” esté abierta, haz clic en “Soporte de aplicaciones”.
- Ve a “Código” y abre el directorio “Usuario”.
- Abre el archivo “Settings.json” usando VSCode.
- Cambia el archivo según sea necesario y asegúrate de guardarlo antes de salir.
Cómo editar la configuración usando el archivo Settings.json
Acceder al archivo settings.json es solo una parte del proceso. También necesitas saber cómo editar la configuración en el archivo.
Primero, debes comprender el formato JSON. En pocas palabras, es un formato de intercambio de datos basado en texto. El formato se utiliza para intercambiar datos entre computadoras y otros dispositivos. Cada elemento de datos en JSON contiene un ID junto con el valor que lo representa. Entonces, cuando abras el archivo settings.json, cada configuración tendrá su ID y el valor que tiene actualmente. Lo mismo sucede cuando deseas agregar una edición: especificas el ID y su valor.
Considere el siguiente ejemplo:
Supongamos que deseas guardar automáticamente tus archivos después de un cierto período de tiempo. En ese caso, puedes agregar la siguiente línea de código en el archivo settings.json en cualquier lugar entre las llaves de apertura y cierre:
"files.AutoSave": "Después del retraso"
La primera parte de la línea de código anterior es el ID de la configuración “Guardar archivo automáticamente” y la segunda parte es el nuevo valor asignado.
Aún mejor, el archivo settings.json está integrado con IntelliSense y predicciones inteligentes. Entonces, cada vez que comiences a escribir un ID de configuración, se te sugerirá automáticamente. Puedes presionar la tecla “Enter” para aceptar la ID sugerida. Los respectivos valores de ID de configuración se predicen de la misma manera.
Cada vez que escribas incorrectamente un ID de configuración o su valor, se resaltará en rojo, lo que facilitará la detección y corrección de errores. Puedes ver la lista de todas las configuraciones que puedes editar a través de settings.json presionando las teclas “Ctrl +” . También puedes ver una lista de todas las configuraciones predeterminadas en la página de configuración de Visual Studio Code.
Preguntas frecuentes adicionales
¿Por qué no surtieron efecto los cambios que hice a través del archivo settings.json?
Cualquier cambio realizado a través del archivo settings.json no tendrá efecto hasta que reinicies el editor de código. Entonces, si hay cambios que hiciste que no surtieron efecto, reinicia el editor y ve si eso soluciona el problema. Si eso no funciona, considera reiniciar toda tu computadora.
¿Por qué recibo un error que dice que VS Code no puede escribir mi configuración?
Si intentas cambiar una configuración pero sigues recibiendo un mensaje de error, probablemente hubo un error al editar el archivo settings.json. Por ejemplo, es posible que hayas escrito mal una cierta cantidad. Para resolver el problema, vuelve a abrir el archivo settings.json y busca errores marcados con garabatos rojos.
¿Cómo restablezco todas mis configuraciones en VS Code?
La forma más fácil de restablecer todas las configuraciones de VS Code a sus valores predeterminados es borrar el contenido del archivo settings.json del usuario, excepto los corchetes de apertura y cierre. Sin embargo, ten en cuenta que esta acción no se puede revertir, por lo que debes tener mucho cuidado antes de continuar. Después de eliminar todo, guarda el archivo y reinicia el editor.
¡Comienza a personalizar tu configuración de VS Code usando el archivo Settings.json! El archivo settings.json es uno de los archivos esenciales a los que debes acostumbrarte si deseas personalizar el editor de VS Code para satisfacer tus necesidades.
¿Cuál es tu forma preferida de abrir settings.json en VS Code? ¡Háznoslo saber en la sección de comentarios!
Contenido
