Cómo agregar un nuevo proyecto a Github usando VS Code


83

Todos los tutoriales que he visto hasta ahora muestran cómo crear primero un repositorio en github, copiar el enlace, ir a vscode y git clone, a partir de ahí, puedes hacer confirmaciones y empujes.

¿Es esa la forma correcta? ¿No puedo simplemente comenzar un proyecto desde vscode y luego subirlo a mi git?

EDITAR 2020:

¡Ahora puede hacerlo directamente dentro de vscode! solo sigue estos pasos:

1- Abra su nueva carpeta de proyecto con vscode

2- haga clic en el menú de control de la fuente en la barra lateral ingrese la descripción de la imagen aquí(o presione Ctrl + Shift + G)

3- Haz clic en publicar en github ingrese la descripción de la imagen aquí

4- Desde allí, simplemente inicie sesión y siga las instrucciones y estará listo para comenzar.

La respuesta de @ Debu detalla cada paso, por lo que puede ir allí


esa es la forma correcta. y fácil de hacer usando GUI.
Jinna Balu

1
Pero es menos conveniente ... IMO
Xsmael

¿Qué quieres decir con "estrella"?
ifconfig

@ifconfig, lo siento, fue un error tipográfico, quise decir "inicio", lo
corrigí

Respuestas:


2

Bueno, es bastante fácil.

Abra su proyecto local.


ingrese la descripción de la imagen aquí


Agregar un README.mdarchivo (si aún no tiene nada que agregar)


ingrese la descripción de la imagen aquí


Haga clic en Publish on Github


ingrese la descripción de la imagen aquí


Elige como desees


ingrese la descripción de la imagen aquí


Elija los archivos que desea incluir en la primera confirmación.
Nota: si no selecciona un archivo o carpeta, se agregará al .gitignorearchivo


ingrese la descripción de la imagen aquí


Tú eres bueno para irte. está publicado.

PD: Si esta fuera tu primera vez. Un mensaje le pedirá sus credenciales de Github, complete esas y estará listo para comenzar. Se publica.


149

Estos son los pasos detallados necesarios para lograrlo.

Los comandos existentes se pueden ejecutar simplemente a través del terminal CLI de VS-CODE. Se entiende que Git está instalado en el sistema, configurado con el nombre de usuario y la identificación de correo electrónico deseados.

1) Navegue al directorio del proyecto local y cree un repositorio de git local:

 git init

2) Una vez que tenga éxito, haga clic en el icono 'Control de fuente' en la barra de navegación izquierda en VS-Code. Uno debería poder ver los archivos listos para ser confirmados. Presione el botón 'Confirmar', proporcione comentarios, organice los cambios y confirme los archivos. Alternativamente, puede ejecutar desde CLI

git commit -m "Your comment"

3) Ahora debe visitar su cuenta de GitHub y crear un nuevo repositorio. Excluya la creación de archivos 'README.md', '.gitIgnore'. Tampoco agregue ninguna licencia al repositorio. A veces, estas configuraciones causan problemas al presionar.

4) Copie el enlace a este repositorio de GitHub recién creado.

5) Regrese al terminal en VS-CODE y escriba estos comandos en sucesión:

git remote add origin <Link to GitHub Repo>     //maps the remote repo link to local git repo

git remote -v                                  //this is to verify the link to the remote repo 

git push -u origin master                      // pushes the commit-ed changes into the remote repo

Nota: Si es la primera vez que la cuenta de git local intenta conectarse a GitHub, es posible que se le solicite que ingrese credenciales en GitHub en una ventana separada.

6) Puede ver el mensaje de éxito en la Terminal. También puede verificar actualizando el repositorio de GitHub en línea.

Espero que esto ayude


7
¿Es posible hacer una extensión de vscode que ejecute todos estos comandos?
Xsmael

1
Excelentes instrucciones. Funcionó perfectamente. Muchas gracias.
Rich

@VikramK gracias por tu respuesta, es claramente útil para muchas personas. pero esto no es exactamente lo que quería. Estos son comandos y se pueden ejecutar desde cualquier otro terminal que no sea el que tiene vscode. Esperaba una forma GUI de hacerlo, ya sabes, de la misma manera que lo haces en vs-code con la extensión git. Así que estaba pensando en la posibilidad de crear el repositorio desde vscode (no el terminal integrado). Espero tener sentido ...
Xsmael

1
¡Gran respuesta! ¡Gracias!
skiabox

4
Tuve que usar --force en el comando push porque seleccioné una LICENCIA en GitHub mientras creaba el nuevo repositorio y mi Git local se negó a fusionar los cambios.
Paul M Edwards

19

Instale git en su PC y configure los valores de configuración en el símbolo del sistema (cmd) o en el terminal VS Code ( Ctrl + `)

git config --global user.name "Your Name"
git config --global user.email youremail@domain.com

Editor de configuración

Windows, por ejemplo:

git config --global core.editor "'C:/Program Files/Notepad++/notepad++.exe' -multiInst -nosession"

Linux / Mac, por ejemplo:

git config --global core.editor vim

Verifique la configuración de git que muestra los detalles de configuración

git config --list

Inicie sesión en github y cree un repositorio remoto. Copia la URL de este repositorio

Navegue al directorio de su proyecto y ejecute los siguientes comandos

git init                                                           // start tracking current directory
git add -A                                                         // add all files in current directory to staging area, making them available for commit
git commit -m "commit message"                                     // commit your changes
git remote add origin https://github.com/username/repo-name.git    // add remote repository URL which contains the required details
git pull origin master                                             // always pull from remote before pushing
git push -u origin master                                          // publish changes to your remote repository

16

Esta función se agregó en 1.45 , se muestra aquí .

Inicie la paleta de comandos Ctrl+Shift+P, ejecútela Publish to Githuby siga las indicaciones. Se le dará la opción de elegir entre un repositorio público y privado, así que tenga cuidado de elegir el correcto.

corriendo desde la paleta de comandos

Es posible que le pida que inicie sesión en github. A continuación, solicitará el nombre del repositorio (el nombre predeterminado es el de la carpeta) y la creación de un archivo .gitignore (el valor predeterminado es .gitignore vacío). Simplemente presione enter si está de acuerdo con los valores predeterminados. Cuando haya terminado, debería darle una notificación emergente en la parte inferior derecha con un enlace al repositoriohttps://github.com/<username>/<reponame>

Advertencia menor: si su proyecto ya tiene un archivo .gitignore, este proceso lo sobrescribirá


3
Esta fue la respuesta exacta que estaba buscando. Específicamente agregando un nuevo proyecto a github sin salir de la interfaz de Visual Studio Code.
Mifo

2
Esta debe ser la respuesta real y correcta a la pregunta real. Entiendo que esta característica no siempre existió, pero siento que esto es lo que buscaba el póster original en lugar de todas las respuestas de la línea de comandos.
cfont

4

Creo que me encontré con un problema similar. Si inició un repositorio de git local pero no ha configurado un proyecto de git remoto y desea enviar su proyecto local a git project.

1) crea un proyecto git remoto y anota la URL del proyecto

2) abre / edita tu proyecto git local

3) en el tipo de terminal VS: git push --set-upstream [URL del proyecto]


3
  1. crea un nuevo repositorio de github.
  2. Ir a la línea de comando en el código VS (ctrl + `)
  3. Escriba los siguientes comandos.

git init

git commit -m "primer compromiso"

git remoto agregar origen https://github.com/userName/repoName.git

git push -u maestro de origen

-


2

Sí, puede cargar su repositorio git desde vs code. Tienes que entrar en el directorio de trabajo de proyectos y escribir git init en la terminal. Luego agregue los archivos a su repositorio como lo hace con las confirmaciones de git regulares.


Si bien esto funciona, no es realmente de código vs como mencionaste.
Xsmael

Es solo un comando git que se ejecuta en la terminal. Como vs code le permite acceder al terminal desde el propio editor, no tiene que cambiar entre pestañas.
Ryan Pereira

1
bien, entonces no hay una "forma de GUI" para hacerlo como para el código commito pushen vs
Xsmael

2

Hay una buena forma de GUI para hacer esto. Presione CTRL + MAYÚS + G (o Ver-CSM en el menú) y aquí tiene muchas opciones. Con (...) puedes hacer casi todo lo que quieras. Después de hacer las cosas, escriba su mensaje de confirmación en el cuadro de entrada y presione CTRL + ENTER. Muy fácil. Si tiene un repositorio remoto, verá una pequeña marca giratoria en la esquina inferior izquierda cerca del nombre del repositorio. Presiónelo y sincronice con el control remoto fácilmente.
Pero para hacer todo esto, debe tener un repositorio para inicializarse en su directorio de trabajo antes ( git initdesde la terminal).


1
no trajiste nada nuevo
Xsmael

fatal: no upstream configurado para la rama 'master'
Gaurav Ghongde

2

Vaya a VS COde -> Ver -> Terminal

ingrese la descripción de la imagen aquí

git init git add. git commit -m "FirstCommit" git remoto agregar origen https://github.com/dotnetpiper/cdn git pull origin master git push -f origin master

Nota: En algún momento, git push -u origin master no funciona anticipadamente.


1

También puede utilizar la paleta de comandos:

  1. (CTRL + MAYÚS + P - Win) o (CMD + MAYÚS + P - Mac) para abrir la paleta.
  2. Ingrese 'git', seleccione Git: Clone,
  3. pegar la URL del repositorio de github ( https://github.com/Username/repo ),
  4. de lo que está listo con la sección de control de fuente del menú de la izquierda.

Hace lo mismo que el terminal.


1

Puede crear un repositorio de GitHub a través de la línea de comandos utilizando la API de GitHub. Fuera de la API, no hay forma de crear un repositorio en GitHub a través de la línea de comandos.

Tipo:

curl -u 'nombre de usuario' https://api.github.com/user/repos -d '{"nombre": "nombre del proyecto", "descripción": "proyecto desc"}'

git remoto agregar origen git@github.com: nyeates / projectname.git

y ahora puedes continuar de manera regular

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.