Jak dodać nowy projekt do Github za pomocą VS Code


86

Wszystkie samouczki, które widziałem do tej pory, pokazują, jak najpierw utworzyć repozytorium na github, skopiuj link, przejdź do vscode git clonei od tego momentu możesz wykonywać zatwierdzanie i wypychanie.

Czy to właściwy sposób? czy nie mogę po prostu rozpocząć projektu od vscode, a następnie przesłać go do mojego gita?

EDYCJA 2020:

Możesz to teraz zrobić bezpośrednio w vscode! po prostu wykonaj następujące kroki:

1- Otwórz nowy folder projektu za pomocą vscode

2- kliknij menu kontrolne źródła na pasku bocznym wprowadź opis obrazu tutaj(lub naciśnij Ctrl + Shift + G)

3- Kliknij Opublikuj na github wprowadź opis obrazu tutaj

4- Stamtąd po prostu zaloguj się i postępuj zgodnie z instrukcjami i gotowe.

@ Debu odpowiada szczegółowo na każdym kroku, więc możesz przejść do tego


to jest właściwa droga. i łatwe do wykonania za pomocą GUI.
Jinna Balu

1
Ale jest mniej wygodny ... IMO
Xsmael

Co masz na myśli mówiąc „Gwiazda”?
ifconfig

@ifconfig, przepraszam, że to była literówka, miałem na myśli „start”, poprawiłem to
Xsmael

Odpowiedzi:


3

Cóż, to całkiem proste.

Otwórz swój projekt lokalny.


wprowadź opis obrazu tutaj


Dodaj README.mdplik (jeśli nie masz jeszcze nic do dodania)


wprowadź opis obrazu tutaj


Kliknij Publish on Github


wprowadź opis obrazu tutaj


Wybierz, jak chcesz


wprowadź opis obrazu tutaj


Wybierz pliki, które chcesz dołączyć do pierwszego zatwierdzenia.
Uwaga: jeśli nie wybierzesz pliku lub folderu, zostanie on dodany do .gitignorepliku


wprowadź opis obrazu tutaj


Możesz ruszać. jest opublikowany.

PS Jeśli to byłeś ty pierwszy raz. Monit poprosi o podanie poświadczeń Github, wypełnij je i gotowe. Jest opublikowany.


150

Oto szczegółowe kroki potrzebne do osiągnięcia tego.

Istniejące polecenia można po prostu uruchomić za pośrednictwem terminala CLI VS-CODE. Rozumie się, że Git jest zainstalowany w systemie, skonfigurowany z żądaną nazwą użytkownika i identyfikatorem e-mail.

1) Przejdź do lokalnego katalogu projektu i utwórz lokalne repozytorium git:

 git init

2) Gdy to się powiedzie, kliknij ikonę „Kontrola źródła” na lewym pasku nawigacyjnym w VS-Code. Powinno być widoczne pliki gotowe do zatwierdzenia. Naciśnij przycisk „Zatwierdź”, podaj komentarze, przygotuj zmiany i zatwierdź pliki. Alternatywnie możesz uruchomić z CLI

git commit -m "Your comment"

3) Teraz musisz odwiedzić swoje konto GitHub i utworzyć nowe repozytorium. Wyklucz tworzenie plików „README.md”, „.gitIgnore”. Nie dodawaj też żadnej licencji do repozytorium. Czasami te ustawienia powodują problemy podczas wciskania.

4) Skopiuj link do tego nowo utworzonego repozytorium GitHub.

5) Wróć do terminala w VS-CODE i wpisz kolejno następujące polecenia:

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

Uwaga: jeśli jest to pierwsza próba połączenia się lokalnego konta git z GitHub, może być konieczne wprowadzenie poświadczeń do GitHub w osobnym oknie.

6) Możesz zobaczyć komunikat o powodzeniu w terminalu. Możesz również zweryfikować, odświeżając repozytorium GitHub online.

Mam nadzieję że to pomoże


7
czy można stworzyć rozszerzenie vscode, które wykonuje wszystkie te polecenia?
Xsmael

1
Świetne instrukcje. Działał doskonale. Wielkie dzięki.
Rich

@VikramK dzięki za twoją odpowiedź, jest to ewidentnie przydatne dla wielu ludzi. ale to nie jest dokładnie to, czego chciałem. są to polecenia i można je uruchomić z dowolnego innego terminala niż ten, który ma vscode. Spodziewałem się sposobu, w jaki zrobi to GUI, wiesz tak samo, jak robisz zatwierdzanie w kodzie vs z rozszerzeniem git. Więc myślałem o możliwości stworzenia repozytorium z vscode (nie zintegrowanego terminala). Mam nadzieję, że mam sens ...
Xsmael

1
Świetna odpowiedź! Dziękuję!
skiabox

4
Musiałem użyć --force w poleceniu push, ponieważ wybrałem LICENCJĘ na GitHub podczas tworzenia nowego repozytorium, a mój lokalny Git odmówił scalenia zmian.
Paul M Edwards

19

Zainstaluj git na swoim komputerze i ustaw wartości konfiguracyjne w wierszu polecenia (cmd) lub terminalu VS Code ( Ctrl + `)

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

Edytor ustawień

Windows np .:

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

Linux / Mac np .:

git config --global core.editor vim

Sprawdź ustawienia git, które wyświetlają szczegóły konfiguracji

git config --list

Zaloguj się do github i utwórz zdalne repozytorium. Skopiuj adres URL tego repozytorium

Przejdź do katalogu projektu i wykonaj poniższe polecenia

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

18

Ta funkcja została dodana w wersji 1.45 , pokazana tutaj .

Uruchom paletę poleceń Ctrl+Shift+P, uruchom Publish to Githubi postępuj zgodnie z monitem. Będziesz mieć wybór między repozytorium prywatnym a publicznym, więc uważaj, aby wybrać właściwe.

uruchamianie z palety poleceń

Może poprosić Cię o zalogowanie się do github. Następnie zapyta o nazwę repozytorium (domyślnie nazwa folderu) oraz o utworzenie pliku .gitignore (domyślnie pusty .gitignore). Po prostu naciśnij Enter, jeśli nie masz nic przeciwko wartościom domyślnym. Kiedy skończysz, w prawym dolnym rogu pojawi się wyskakujące powiadomienie z linkiem do repozytoriumhttps://github.com/<username>/<reponame>

Drobne ostrzeżenie: jeśli Twój projekt ma już plik .gitignore, ten proces nadpisze go


3
To była dokładna odpowiedź, której szukałem. W szczególności dodanie nowego projektu do github bez opuszczania interfejsu Visual Studio Code.
Mifo

2
Powinna to być rzeczywista, poprawna odpowiedź na rzeczywiste pytanie. Rozumiem, że ta funkcja nie zawsze istniała, ale wydaje mi się, że to jest to, czego szukał oryginalny plakat, a nie wszystkie odpowiedzi z wiersza poleceń.
cfont

4

Myślę, że napotkałem podobny problem. Jeśli uruchomiłeś lokalne repozytorium git, ale nie skonfigurowałeś zdalnego projektu git i chcesz przekazać swój projekt lokalny do projektu git.

1) utwórz zdalny projekt git i zanotuj adres URL projektu

2) otwórz / edytuj swój lokalny projekt git

3) w typie terminala VS: git push --set-upstream [URL projektu]



2

Tak, możesz przesłać repozytorium Git z VS Code. Musisz wejść do katalogu roboczego projektów i wpisać git init w terminalu. Następnie dodaj pliki do swojego repozytorium, tak jak robisz to w przypadku zwykłych zatwierdzeń git.


podczas gdy to działa, tak naprawdę nie pochodzi z kodu vs, jak wspomniałeś.
Xsmael

To tylko polecenie git, które jest uruchamiane na terminalu. Ponieważ kod vs pozwala na dostęp do terminala z poziomu samego edytora, nie musisz przełączać się między zakładkami.
Ryan Pereira

1
okej, więc nie ma "sposobu GUI" na zrobienie tego tak jak w kodzie commitlub pushw kodzie vs
Xsmael

2

Jest na to fajny sposób z GUI. Naciśnij CTRL + SHIFT + G (lub View-CSM w menu) i tutaj masz wiele opcji. Dzięki (...) możesz zrobić prawie wszystko, co chcesz. Po wykonaniu wszystkich czynności wpisz wiadomość o zatwierdzeniu w polu wprowadzania i naciśnij CTRL + ENTER. Całkiem proste. Jeśli masz zdalne repozytorium - zobaczysz mały znak pokrętła w lewym dolnym rogu obok nazwy repozytorium. Naciśnij go i łatwo zsynchronizuj z pilotem.
Ale aby to wszystko zrobić, musisz mieć repozytorium, które zostanie zainicjowane w katalogu roboczym wcześniej ( git initz terminala).


1
nie przyniosłeś niczego nowego
Xsmael

fatal: brak upstream skonfigurowanego dla gałęzi „master”
Gaurav Ghongde


1

Możesz także użyć palety poleceń:

  1. (CTRL + SHIFT + P - Win) lub (CMD + SHIFT + P - Mac), aby otworzyć paletę.
  2. Wpisz „git”, wybierz Git: Clone,
  3. wklej adres URL repozytorium github ( https://github.com/Username/repo ),
  4. niż jesteś gotowy, aby przejść do sekcji Sterowanie źródłami z menu po lewej stronie.

Robi to samo, co terminal.


1

Możesz utworzyć repozytorium GitHub za pomocą wiersza poleceń, korzystając z interfejsu API GitHub. Poza interfejsem API nie ma możliwości utworzenia repozytorium w serwisie GitHub za pomocą wiersza poleceń.

Rodzaj:

curl -u 'nazwa użytkownika' https://api.github.com/user/repos -d '{"name": "nazwa projektu", "description": "opis projektu"}'

git remote add origin git@github.com: nyeates / nazwa projektu.git

a teraz możesz kontynuować normalną drogę


1

dzisiaj jest 2020-12-25, mój VSC to 1.52.1 , wypróbowałem wszystko powyżej niezbyt udane. Oto kompletne kroki, które wykonałem, aby dodać mój istniejący projekt lokalny do GitHub za pomocą VSC (Uwaga: nie twórz odpowiedniego repozytorium na GitHub):

  1. Zainstaluj rozszerzenie GibHub na VSC.
  2. Zamknij i ponownie otwórz VSC.
  3. Zaloguj się do GibHub, jeśli zostanie wyświetlony monit.
  4. Otwórz mój własny folder lokalny, do tej pory nie został jeszcze przekazany do GibHub.
  5. Ctrl + Shift + P, kliknij Opublikuj w GitHub .

wprowadź opis obrazu tutaj

  1. VSC i GitHub automatycznie zapewni Ci wybór dodanie go jako prywatny lub społeczeństwa i uzupełnić nazwę do być nowe repozytorium w tym formacie: <your username>/<your new repository name>. Na przykład moja nazwa użytkownika to „moja nazwa”, a mój folder lokalny to „HelloWorld”. Więc będzie myname/HelloWorldw polu do wpisywania.
  2. zaktualizuj lub zaakceptuj tę nazwę, kliknij opcję prywatną lub publiczną, aby utworzyć nowe repozytorium na GitHub i opublikować w nim swój folder.

wprowadź opis obrazu tutaj

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.