Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

8 Haga lo que hicimos en aula

por Carlos Alberto Pelinco Huamani
| 35.8k xp | 69 posts

Para crear el proyecto, simplemente creamos una carpeta en la computadora, puede ser en el escritorio. En el escritorio, haz clic con el botón derecho del ratón en una parte vacía de la pantalla. En las opciones, haz clic en "Nuevo" y luego en "Carpeta" para crear una nueva carpeta para el proyecto. Luego, define el nombre de la carpeta, que será el mismo nombre de nuestro proyecto. Y ahora solo tienes que abrir esa carpeta dentro del VSCode para crear los archivos en ella y comenzar a codificar. En el VSCode, podemos visualizar la carpeta con el nombre del proyecto y los archivos del proyecto. Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta
por Brenda Souza
| 6077.4k xp | 22224 posts
Instructor

Hola, Carlos, espero que estés bien

Parece que ya has creado la carpeta para tu proyecto y has abierto un archivo index.html en VSCode. Aquí tienes algunos pasos adicionales para asegurarte de que todo esté configurado correctamente y puedas comenzar a codificar:

  1. Estructura básica de HTML:
    Asegúrate de tener la estructura básica de un documento HTML. Puedes comenzar con algo como esto en tu index.html:

    <!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi Proyecto</title>
</head>
<body>
    <h1>¡Hola, mundo!</h1>
    <p>Bienvenido a mi proyecto.</p>
</body>
</html>

  2. Verificar la vista en vivo:
    Si deseas ver los cambios en tiempo real, puedes utilizar una extensión de VSCode como "Live Server". Instálala desde la sección de extensiones y luego haz clic con el botón derecho en tu index.html y selecciona "Open with Live Server".

  3. Organizar tu proyecto:
    Si planeas agregar más archivos, considera crear subcarpetas dentro de tu carpeta de proyecto, como css, js, o images, para mantener todo organizado.

  4. Extensiones útiles:
    Además de "Live Server", algunas extensiones útiles para HTML y CSS son "Prettier" para formateo de código y "HTML CSS Support" para autocompletado.

Espero que estos consejos te sean útiles y te ayuden a avanzar en tu proyecto. ¡Bons estudios!