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á la lista de elementos incluidos en el perfil (que se pueden seleccionar de forma individual). Para importar los elementos sleeccionados, haga clic en el botón "Crear perfil":
Se mostrará una caja de texto con el nombre del perfil:
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 la captura siguiente). Para terminar, haga clic en el botón "Crear".
Una vez creado el perfil, Visual Studio se reiniciará cargando el perfil. El nombre del perfil activo se muestra en la parte superior de la ventana. El icono de la rueda dentada muestra también un par de caracteres que correponden al principio del nombre del perfil. Si los nombres de perfiles empiezan de forma distinta, de un vistazo se puede identificar el perfil que se está utilizando.
El perfil importado se mostrará en el menu de la rueda dentada.
Una vez creado y seleccionado el perfil en Visual Studio Code, no se requieren ajustes adicionales.
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):
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: