Instalación de herramientas y descarga del proyecto

Descargar herramientas

note

Puede que alguna instalación difiera ligeramente de la que se muestra en las imágenes, ya que yo ya tengo estas herramientas instaladas, pero el proceso es muy similar.

Descarga de Visual Studio Code

Para trabajar con el proyecto de la web de ACG, es necesario tener instalado Visual Studio Code. Puedes descargarlo desde este enlace. La instalación es muy sencilla:

1. Ejecuta el archivo descargado, tendrá un nombre similar a VSCodeUserSetup-x64-{version}.exe. Nos aparecerá una ventana como la siguiente.

2. Selecciona las opciones que te interesen y haz clic en Siguiente.

3. Haz clic en Instalar.

4. Espera a que termine la instalación.

5. Haz clic en Finalizar.

Descarga de Node.js

Además, es necesario tener instalado Node.js. Puedes descargarlo desde este enlace. La instalación es muy sencilla:

1. Ejecuta el archivo descargado, tendrá un nombre similar a node-v{version}-x64.msi. Nos aparecerá una ventana como la siguiente y pulsaremos en Next.

2. Acepta los términos de la licencia y haz clic en Next.

3. Selecciona la carpeta de instalación y haz clic en Next.

4. Selecciona las características que quieras instalar y haz clic en Next.

5. Acepta y haz clic en Next.

6. Haz clic en Instalar.

7. Pulsaremos en Finish para finalizar la instalación.

8. Si en el paso 5 seleccionaste la opción de instalar herramientas adicionales, te aparecerá una ventana como la siguiente. Pulsa ENTER o cualquier tecla cuando te lo pida.

9. Seguirá la instalación en esta otra terminal. Espera a que termine y pulsa ENTER o cualquier tecla cuando te lo pida.

Descarga de Git

Por último, necesitamos tener instalado Git. Puedes descargarlo desde este enlace.

La instalación es muy sencilla:

1. Ejecuta el archivo descargado, tendrá un nombre similar a Git-{version}-64-bit.exe. Nos aparecerá una ventana como la siguiente y pulsaremos en Next.

2. Espera a que termine la instalación.

3. Elige las opciones que te interesen y haz clic en Finish.

Comprobación de las instalaciones

Para comprobar que las instalaciones han sido correctas, abre una terminal de comandos y ejecuta los siguientes comandos:

• code --version: Debería aparecerte la versión de Visual Studio Code.
• node --version: Debería aparecerte la versión de Node.js.
• npm --version: Debería aparecerte la versión de npm.
• git --version: Debería aparecerte la versión de Git.

Si te aparecen las versiones de las herramientas, es que las instalaciones han sido correctas.

Descarga del proyecto

Para descargar el proyecto de la web de ACG, necesitamos clonar el repositorio de GitHub.

Nos dirigimos a la página del repositorio de GitHub de la web de ACG, que puedes encontrar aquí.

Haz clic en el botón verde Code y copia la URL que aparece.

Una vez tenemos la URL, abrimos una terminal de comandos y ejecutamos el siguiente comando:

git clone https://github.com/acgtic211/acgtic211.github.io.git

Ahora que tenemos el proyecto descargado, tenemos que configurar nuestras credenciales de Git. Para ello, ejecutamos los siguientes comandos en la terminal de comandos:

git config --global user.name "Tu nombre"
git config --global user.email "user@mail.es"

Ahora para acceder al proyecto, nos dirigimos a la carpeta del proyecto (con el comando cd acgtic211.github.ioo entrando a la carpeta y abriendo una nueva terminal en ese directorio) y ejecutamos el comando code . para abrir el proyecto en Visual Studio Code.

Con esto ya tendríamos todo listo para empezar a trabajar en el proyecto de la web de ACG.