You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
¿Quieres una vista previa de lo que vas a construir? Puedes ver el proyecto final en [GitHub](https://github.com/withastro/blog-tutorial-demo) o [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src%2Fpages%2Findex.astro).
30
+
¿Quieres una vista previa de lo que vas a construir? Puedes ver el proyecto final en [GitHub](https://github.com/withastro/blog-tutorial-demo) o abrir una versión funcional en un entorno de programación en línea como [IDX](https://idx.google.com/import?url=https:%2F%2Fgithub.com%2Fwithastro%2Fblog-tutorial-demo%2F) o [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src%2Fpages%2Findex.astro).
26
31
27
32
:::note
28
33
Si prefieres empezar a explorar Astro con un sitio de Astro preconstruido, puedes visitar https://astro.new y elegir una plantilla de inicio para abrirla y editarla en un editor en línea.
Copy file name to clipboardExpand all lines: src/content/docs/es/tutorial/1-setup/2.mdx
+10-11Lines changed: 10 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -48,32 +48,31 @@ La forma preferida de crear un nuevo sitio Astro es a través de nuestro asisten
48
48
</Fragment>
49
49
</PackageManagerTabs>
50
50
51
+
2. Escribe `y` para instalar `create-astro`.
51
52
2. Confirma `y` para instalar `create-astro`.
52
-
3. Cuando la instrucción te pregunte "Where would you like to create your new project?", escribe el nombre de una carpeta para crear un nuevo directorio para tu proyecto, por ejemplo `./tutorial`
53
+
3. Cuando el asistente te pregunte "Where would you like to create your new project?", escribe el nombre de una carpeta para crear un nuevo directorio para tu proyecto, por ejemplo `./tutorial`
53
54
54
55
:::note
55
56
Un nuevo proyecto de Astro sólo puede crearse en una carpeta completamente vacía, así que elige un nombre para tu carpeta que no exista.
56
57
:::
57
58
58
-
4. Verás una pequeña lista de plantillas de inicio entre las que puedes elegir. Utiliza las teclas de flecha (arriba y abajo) para navegar hasta la plantilla "Empty" y luego presiona la tecla de retorno (Enter) para enviar tu elección.
59
+
4. Verás una breve lista de plantillas iniciales para elegir. Usa las teclas de flecha (arriba y abajo) para navegar hasta la plantilla minimal (vacía) y luego presiona return (enter) para confirmar tu elección.
59
60
60
-
5. Cuando la instrucción te pregunte si planeas escribir TypeScript, escribe `n`.
61
+
5. Cuando aparezca la pregunta "Would you like to install dependencies?", escribe `y`.
61
62
62
-
6. Cuando aparezca la pregunta "Would you like to install dependencies?", escribe `y`.
63
-
64
-
7. Cuando la instrucción te pregunte: "Would you like to initialize a new git repository?", escribe `y`.
63
+
6. Cuando la instrucción te pregunte: "Would you like to initialize a new git repository?", escribe `y`.
65
64
</Steps>
66
65
67
66
Cuando finalice el asistente de instalación, ya no necesitarás esta terminal. Ahora puedes abrir VS Code para continuar.
68
67
69
68
## Abre tu proyecto en VS Code
70
69
71
70
<Steps>
72
-
8. Abre VS Code. Se te pedirá que abra una carpeta. Elige la carpeta que creaste durante el asistente de instalación.
71
+
7. Abre VS Code. Se te pedirá que abra una carpeta. Elige la carpeta que creaste durante el asistente de instalación.
73
72
74
-
9. Si es la primera vez que abres un proyecto de Astro, deberías ver una notificación preguntándote si deseas instalar las extensiones recomendadas. Haz clic para ver las extensiones recomendadas y elige [Astro language support extension](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode). Esto proporcionará resaltado de sintaxis y autocompletado para tu código Astro.
73
+
8. Si es la primera vez que abres un proyecto de Astro, deberías ver una notificación preguntándote si deseas instalar las extensiones recomendadas. Haz clic para ver las extensiones recomendadas y elige [Astro language support extension](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode). Esto proporcionará resaltado de sintaxis y autocompletado para tu código Astro.
75
74
76
-
10. Asegúrate de que el terminal esté visible y que puedas ver el símbolo del sistema, por ejemplo:
75
+
9. Asegúrate de que el terminal esté visible y que puedas ver el símbolo del sistema, por ejemplo:
77
76
78
77
```sh
79
78
user@machine:~/tutorial$
@@ -95,7 +94,7 @@ Para poder previsualizar los archivos de tu proyecto _como un sitio web_ mientra
95
94
### Inicia el servidor de desarrollo
96
95
97
96
<Steps>
98
-
11. Ejecuta el comando para iniciar el servidor Astro dev escribiendo en el terminal de VS Code:
97
+
10. Ejecuta el comando para iniciar el servidor Astro dev escribiendo en el terminal de VS Code:
99
98
100
99
<PackageManagerTabs>
101
100
<Fragmentslot="npm">
@@ -123,7 +122,7 @@ Para poder previsualizar los archivos de tu proyecto _como un sitio web_ mientra
123
122
Tus archivos de proyecto contienen todo el código necesario para mostrar un sitio web de Astro, pero el navegador es el responsable de mostrar tu código como páginas web.
124
123
125
124
<Steps>
126
-
12. Haz clic en el enlace `localhost` en la terminal para ver una vista previa en directo de tu nuevo sitio web de Astro.
125
+
11. Haz clic en el enlace `localhost` en la terminal para ver una vista previa en directo de tu nuevo sitio web de Astro.
127
126
128
127
(Astro utiliza `http://localhost:4321` por defecto si el puerto `4321` está disponible).
0 commit comments