Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Organización de la Estructura de Carpetas del Proyecto | Estructuración de Proyectos React del Mundo Real
Dominio de React

bookOrganización de la Estructura de Carpetas del Proyecto

Paso 3: Crear la carpeta del proyecto

Ahora que tenemos todas las herramientas externas necesarias, podemos comenzar a crear el proyecto. La tarea consiste en crear una nueva carpeta vacía específicamente para el proyecto, donde no se almacenará nada más.

Pasos a seguir:

  1. Elegir una ubicación: Selecciona una ubicación en tu equipo donde desees crear la carpeta del proyecto. Puede ser cualquier lugar que prefieras, como el escritorio o un directorio específico;
  2. Crear una nueva carpeta: Haz clic derecho en la ubicación elegida y selecciona "Nueva carpeta" en el menú contextual;
  3. Nombrar la carpeta: Asigna un nombre significativo a la carpeta. Esta servirá como la carpeta raíz para tu proyecto React, así que elige un nombre informativo y relevante para el propósito de tu proyecto. Por ejemplo, puedes nombrarla movies-app, store-app, posts-app, learning-system-app, etc.

Por ejemplo, vamos a crear la carpeta vacía con el nombre movies-app.

Paso 4: Abrir la carpeta en tu editor de código

Para comenzar a trabajar en el proyecto, necesitas abrir la carpeta movies-app en tu editor de código, ya sea Visual Studio Code u otro editor de tu preferencia.

Sigue estos pasos:

  • Inicia tu editor de código. En nuestro ejemplo, usaremos Visual Studio Code (VS Code);
  • Haz clic en el icono del explorador ubicado en la esquina superior izquierda de la interfaz de VS Code;
  • Haz clic en el botón "Abrir carpeta" en el panel del explorador;
  • Busca la carpeta movies-app en la máquina y selecciónala. Después de completar estos pasos, deberías ver el nombre de la carpeta, movies-app, mostrado en la interfaz de tu editor de código.

Ahora que la carpeta de tu proyecto está configurada y abierta en tu editor de código, puedes comenzar a construir tu aplicación React.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 2.17

bookOrganización de la Estructura de Carpetas del Proyecto

Desliza para mostrar el menú

Paso 3: Crear la carpeta del proyecto

Ahora que tenemos todas las herramientas externas necesarias, podemos comenzar a crear el proyecto. La tarea consiste en crear una nueva carpeta vacía específicamente para el proyecto, donde no se almacenará nada más.

Pasos a seguir:

  1. Elegir una ubicación: Selecciona una ubicación en tu equipo donde desees crear la carpeta del proyecto. Puede ser cualquier lugar que prefieras, como el escritorio o un directorio específico;
  2. Crear una nueva carpeta: Haz clic derecho en la ubicación elegida y selecciona "Nueva carpeta" en el menú contextual;
  3. Nombrar la carpeta: Asigna un nombre significativo a la carpeta. Esta servirá como la carpeta raíz para tu proyecto React, así que elige un nombre informativo y relevante para el propósito de tu proyecto. Por ejemplo, puedes nombrarla movies-app, store-app, posts-app, learning-system-app, etc.

Por ejemplo, vamos a crear la carpeta vacía con el nombre movies-app.

Paso 4: Abrir la carpeta en tu editor de código

Para comenzar a trabajar en el proyecto, necesitas abrir la carpeta movies-app en tu editor de código, ya sea Visual Studio Code u otro editor de tu preferencia.

Sigue estos pasos:

  • Inicia tu editor de código. En nuestro ejemplo, usaremos Visual Studio Code (VS Code);
  • Haz clic en el icono del explorador ubicado en la esquina superior izquierda de la interfaz de VS Code;
  • Haz clic en el botón "Abrir carpeta" en el panel del explorador;
  • Busca la carpeta movies-app en la máquina y selecciónala. Después de completar estos pasos, deberías ver el nombre de la carpeta, movies-app, mostrado en la interfaz de tu editor de código.

Ahora que la carpeta de tu proyecto está configurada y abierta en tu editor de código, puedes comenzar a construir tu aplicación React.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 3
some-alt