Visual Studio Code. Perfil recomendado para el curso Páginas web HTML y hojas de estilo CSS
Visual Studio Code permite utilizar perfiles, lo que permite cambiar de forma sencilla entre distintas configuraciones (extensiones instaladas, preferencias, tareas, atajos y aspecto del interfaz). Además, los perfiles se pueden compartir, lo que facilita la puesta a punto del editor en distintos ordenadores. Por desgracia, los perfiles todavía tienen algunas limitaciones, por lo que la configuración a veces no puede ser completamente automática y requiere algunos pasos finales manuales.
En esta lección se comenta cómo instalar un perfil que corresponde a la Configuración recomendada para seguir este curso de HTML y CSS. Consulte esa lección para conocer todo lo que incluye este perfil.
Copie y pegue el enlace en la caja de texto y pulse Intro:
Se mostrará el nuevo perfil en la lista de perfiles de la izquierda y la información sobre el contenido del perfil en la parte dercha de la ventana:
El nombre del perfil se mostrará en una caja de texto:
Ese nombre se puede cambiar, por ejemplo, por un nombre más corto. Es aconsejable que el nombre de cada perfil empiece de forma distinta (el motivo se explica en el apartado siguiente, al seleccionar el perfil). Para terminar, haga clic en el botón "Crear".
El perfil creado se mostrará en la lista de perfiles del lado izquierdo. Los detalles del perfil se muestran en el lado derecho. Fíjese en que al crear un perfil este no se selecciona automáticamente (en la captura, el perfil seleccionado sigue siendo el perfil predeterminado).
Este perfil no requiere ajustes adicionales, pero para ser utilizado debe activarse en alguna carpeta o área de trabajo.
Cree la carpeta Documentos > LMSGI > HTMLCSS (el nombre de esta carpeta puede contener mayúsculas):
Cree las carpetas Documentos > LMSGI > HTMLCSS > ejercicios y Documentos > LMSGI > HTMLCSS > pruebas (se recomienda que los nombres de estas carpetas no contengan mayúsculas):
En Visual Studio Code, elija la opción de menú Archivo > Abrir carpeta ...:
Elija la carpeta Documentos > LMSGI > HTMLCSS:
Desde la versión 1.57 (mayo 2021) Visual Studio Code incluye un administrador de confianza (Workspace Trust). Visual Studio Code sólo ejecutará archivos cuando se haya indicado que se confía en ellos. La primera vez que se abre una carpeta, Visual Studio Code pregunta si se confía en el contenido de esa carpeta. Haga clic en "Sí, confío en los autores":
Haga clic en el icono Explorador en la barra de actividades para ver el contenido de la carpeta elegida. El nombre de la carpeta se mostrará en la parte superior derecha de la barra de actividades:
Seleccionar el perfil recomendado
Para seleccionar el perfil de Visual Studio Code recomendado para este curso ...
Haga clic en la rueda dentada y elija la opción Perfiles:
Se abrirá la pestaña de administración de los perfiles (con el título Perfiles):
Active el perfil en la ventana actual haciendo clic en el botón situado a la derecha del nombre del perfil en el lado izquierdo de la ventana.
Una vez activado el perfil, en la pestaña de Perfiles se indicará el perfil en uso.
Una vez activado el perfil, puede cerrar la pestaña Perfiles.
La rueda dentada mostrará las primeras letras del perfil (HT en este caso), salvo que el perfil tenga un icono asociado en cuyo caso la rueda dentada se sustituirá por el icono.
La selección del perfil debe repetirse cada vez que abra por primera vez una carpeta o un área de trabajo. VSCode recuerda la selección.
(actualizado el 30 de septiembre de 2024).
