Espera un momento 🎁 ...
¿Te gustaría aprender a programar, gratis?
Sólo debes registrarte 😉.
Crea una cuenta y continúa aprendiendo 🚀
Regístrate o inicia sesión para continuar aprendiendo:
Frontend
Aprendiz
Git y GitHub
Instalemos juntos Git, y creemos un repositorio remoto para nuestro proyecto en GitHub. Este paso es opcional pero recomendado.
Instalación de Git
Lo siguiente que haremos es empezar a usar Git para nuestro proyecto.
Si no tienes instalado Git, puedes instalarlo. La instalación va a depender de tu sistema operativo:
-
Linux: Para Ubuntu, se usa el comando
apt install git. - macOS: Se puede instalar usando Homebrew o el instalador oficial.
- Windows: Se instala desde la web oficial de Git.
En la sección de recursos de esta lección encontrarás una serie para aprender a usar Git en caso de que no estés familiarizado.
Verificación de Git instalado
Una vez que tengas Git instalado, el comando git será reconocido en la terminal.
Para comprobarlo, ejecuta:
git --version
Iniciando un repositorio
Ejecutamos el comando:
git init
Con esto, iniciamos un repositorio nuevo.
Creando el primer commit
-
Seleccionamos todos los cambios con:
git add . -
Creamos nuestro commit base con la descripción
"base project":git commit -m "base project"
Este será nuestro primer commit. Sobre este iremos creando más commits.
Creando un repositorio en GitHub
- Nos dirigimos a GitHub y creamos un repositorio nuevo.
- Si prefieres usar Bitbucket, GitLab u otro, también puedes hacerlo.
- En este caso, crearemos un repositorio llamado
vue-3-ecommerce. - Vinculamos el repositorio local con el repositorio remoto.
Si deseas que tu proyecto sea privado, selecciona la opción correspondiente.
Luego, hacemos clic en Create Repository.
Vinculación con el repositorio remoto
GitHub nos proporciona los siguientes comandos para vincular nuestro repositorio local:
git remote add origin <URL_DEL_REPOSITORIO>
Como ya está vinculado, podemos hacer push de nuestros cambios a la rama master:
git push -u origin master
Nota: Este paso es opcional. Si no deseas subir tu repositorio a GitHub, puedes omitirlo.
Autorización en Visual Studio Code
Si utilizas Visual Studio Code, puedes autorizarlo para que pueda subir el repositorio correctamente.
Una vez subidos los cambios, actualizamos en GitHub y verificamos que el proyecto base esté online.
Si nuestro proyecto se creó con un README.md por defecto, más adelante lo actualizaremos según lo que vayamos explorando.
Conclusión
Con esto estamos listos para comenzar a programar nuestro proyecto, contando con un sistema de control de versiones.
Esta lección cuenta con 1 recursos adicionales:
Lo siguiente que haremos es empezar a usar Git para nuestro proyecto. Si no tienes instalado Git puedes instalarlo. La instalación va a depender también de tu sistema operativo. Aquí tenemos cómo hacerlo para Linux, por ejemplo para Ubuntu, se usa el comando apt -install, cómo hacerlo para macOS y para Windows. En caso que todavía no tengas Git instalado. También en la sección de recursos de esta lección vas a encontrar una serie para aprender a usar Git en caso que no estés familiarizado con Git. Una vez que tengas Git instalado el comando Git será reconocido como se demuestra aquí. Y entonces vamos a ejecutar el comando Git init. Con esto iniciamos un repositorio nuevo. Luego de iniciar un repositorio nuevo vamos a crear nuestro primer commit seleccionando todos nuestros cambios con el comando gitad. Y creando entonces nuestro commit base con la descripción base project. Con esto ya creamos un primer commit con todos nuestros cambios. Es el commit base. Sobre este iremos creando más commits. Luego nos dirigimos a GitHub y vamos a crear un repositorio nuevo. Si prefieres usar Bitbucket, GitLab u otro también eres libre de hacerlo. En este caso voy a crear un repositorio nuevo llamado vue-3-ecommerce y voy a vincular este repositorio con el que tengo de manera local para que todos mis cambios, además de estar en mi computadora, se suban también a GitHub. Y si en un momento necesito trabajar en otra computadora o alguien quiere aportar al proyecto lo podrá hacer desde el repositorio remoto ubicado en GitHub. En este caso yo quiero que sea público. Si quieres que tu proyecto sea privado, escoges esta opción. Y le damos finalmente clic a Create Repositorio. Aquí GitHub nos provee de estos comandos para vincular nuestro repositorio local con el repositorio remoto que acabamos de crear git remote at origin y la url del repositorio remoto como ya está vinculado podemos entonces hacer push de nuestros cambios hacia la rama master que tenemos en git hub recuerda que este paso es opcional si tú no quieres subir tu repositorio de git hub puedes no hacerlo si en este caso yo voy a autorizar visual studio code para que pueda subir mi repositorio correctamente como vemos nuestros cambios se han subido vamos a actualizar aquí y ya podemos ver nuestro proyecto base online si nuestro proyecto se ha creado con un readme que viene por defecto Más adelante lo vamos a actualizar, según lo que vayamos explorando. Por ahora, con esto estamos listos para iniciar a programar nuestro proyecto.
¿Tienes dudas?
Publicar preguntaRegístrate
Inicia sesión para llevar un control de tu progreso.
Capítulos
Estás viendo un capítulo de la serie Aprende Vue 3, Vite, VueRouter, Vuetify, Pinia y TypeScript