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

Suggested prompts:

Can you explain what the next step is after opening the project folder?

What should I do if I can't find the folder in my code editor?

Can you give tips on naming the project folder?

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