VSCodeを使用してGithubに新しいプロジェクトを追加する方法


86

これまでに見たすべてのチュートリアルでは、最初にgithubにリポジトリを作成し、リンクをコピーしてvscodeに移動し、git cloneそれ以降、コミットとプッシュを実行できることを示しています。

それは正しい方法ですか?vscodeからプロジェクトを開始して、それをgitにアップロードすることはできませんか?

2020年の編集:

これで、vscode内でそれを実行できます!次の手順に従ってください。

1-vscodeで新しいプロジェクトフォルダーを開きます

2-サイドバーのソースコントロールメニューをクリックしますここに画像の説明を入力してください(またはCtrl + Shift + Gを押します)

3- [githubに公開]をクリックします ここに画像の説明を入力してください

4-そこからログインして指示に従うだけで準備完了です。

@Debuの回答はすべてのステップを詳しく説明しているので、そこにジャンプできます


それが正しい方法です。GUIを使用して簡単に実行できます。
Jinna Balu 2017年

1
しかし、あまり便利ではありません... IMO
Xsmael 2017年

「スター」とはどういう意味ですか?
ifconfig

@ifconfig申し訳ありませんが、タイプミスでした。「開始」を意味しました。修正しました
Xsmael 2017年

回答:


3

まあ、それは非常に簡単です。

ローカルプロジェクトを開きます。


ここに画像の説明を入力してください


README.mdファイルを追加します(まだ追加するものがない場合)


ここに画像の説明を入力してください


クリック Publish on Github


ここに画像の説明を入力してください


好きなように選んでください


ここに画像の説明を入力してください


最初のコミットに含めるファイルを選択します。
注:ファイルまたはフォルダーを選択しない場合、ファイルに追加され.gitignoreます


ここに画像の説明を入力してください


準備できた。公開されています。

PSこれが初めての場合。プロンプトが表示され、Github資格情報を入力するよう求められます。これで、準備は完了です。公開されています。


150

これを実現するために必要な詳細な手順は次のとおりです。

既存のコマンドは、VS-CODEのCLIターミナルを介して簡単に実行できます。Gitがシステムにインストールされ、目的のユーザー名と電子メールIDで構成されていることがわかります。

1)ローカルプロジェクトディレクトリに移動し、ローカルgitリポジトリを作成します。

 git init

2)それが成功したら、VS-Codeの左側のナビゲーションバーにある[ソース管理]アイコンをクリックします。コミットする準備ができているファイルを確認できるはずです。「コミット」ボタンを押してコメントを入力し、変更をステージングしてファイルをコミットします。または、CLIから実行することもできます

git commit -m "Your comment"

3)次に、GitHubアカウントにアクセスして、新しいリポジトリを作成する必要があります。'README.md'、 '。gitIgnore'ファイルの作成を除外します。また、リポジトリにライセンスを追加しないでください。これらの設定により、プッシュ中に問題が発生する場合があります。

4)この新しく作成されたGitHubリポジトリへのリンクをコピーします。

5)VS-CODEでターミナルに戻り、次のコマンドを続けて入力します。

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

注:ローカルgitアカウントがGitHubに接続しようとするのが初めての場合は、別のウィンドウでGitHubへの資格情報を入力する必要がある場合があります。

6)ターミナルで成功メッセージを見ることができます。GitHubリポジトリをオンラインで更新して確認することもできます。

お役に立てれば


7
これらすべてのコマンドを実行するvscode拡張機能を作成することは可能ですか?
Xsmael

1
素晴らしい指示。完璧に動作しました。どうもありがとう。
リッチ

@VikramKあなたの答えに感謝しますそれは明らかに多くの人々に役立ちます。しかし、これは私が望んでいたものではありません。これらはコマンドであり、vscodeが持っているもの以外の任意の端末から実行できます。私はそれを行うGUIの方法を期待していました、あなたはあなたがgit拡張を使ってvs-codeでコミットするのと同じ方法を知っています。そこで、vscode(統合端末ではない)からリポジトリを作成する可能性について考えていました。希望Iメイクセンス...
Xsmael

1
素晴らしい答えです!ありがとうございます!
skiabox

4
新しいリポジトリの作成中にGitHubでライセンスを選択し、ローカルGitが変更のマージを拒否したため、pushコマンドで--forceを使用する必要がありました。
ポールMエドワーズ

19

PCにgitをインストールし、コマンドプロンプト(cmd)またはVS Codeターミナル(Ctrl + `)で構成値を設定します

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

セットアップエディタ

Windows例:

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

Linux / Mac例:

git config --global core.editor vim

構成の詳細を表示するgit設定を確認してください

git config --list

githubにログインして、リモートリポジトリを作成します。このリポジトリのURLをコピーします

プロジェクトディレクトリに移動し、以下のコマンドを実行します

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

この機能は1.45で追加され、ここでデモされまし

コマンドパレットを起動してCtrl+Shift+P実行しPublish to Github、プロンプトに従います。プライベートリポジトリとパブリックリポジトリのどちらかを選択できるので、正しいリポジトリを選択するように注意してください。

コマンドパレットから実行

githubにログインするように求められる場合があります。次に、リポジトリ名(デフォルトはフォルダの名前)と.gitignoreファイルの作成(デフォルトは空の.gitignore)の入力を求められます。デフォルトで問題がない場合は、Enterキーを押してください。完了すると、リポジトリへのリンクを含むポップアップ通知が右下に表示されます。https://github.com/<username>/<reponame>

マイナーな警告:プロジェクトにすでに.gitignoreファイルが含まれている場合、このプロセスによって上書きされます


3
これが私が探していた正確な答えでした。具体的には、Visual StudioCodeインターフェイスを離れることなく新しいプロジェクトをgithubに追加します。
Mifo

2
これは、実際の質問に対する実際の正しい答えである必要があります。この機能が常に存在するとは限らないことは理解していますが、コマンドラインのすべての回答ではなく、元の投稿者が探していたものだと思います。
cfont

4

私は同じような問題に遭遇したと思います。ローカルのgitリポジトリを開始したが、リモートのgitプロジェクトを設定しておらず、ローカルプロジェクトをgitプロジェクトにプッシュしたい場合。

1)リモートgitプロジェクトを作成し、プロジェクトのURLをメモします

2)ローカルのgitプロジェクトを開く/編集する

3)VSターミナルタイプ:git push --set-upstream [プロジェクトのURL]


3
  1. 新しいgithubリポジトリを作成します。
  2. VSコードのコマンドラインに移動します。(ctrl + `)
  3. 次のコマンドを入力します。

git init

git commit -m "最初のコミット"

git remote add origin https://github.com/userName/repoName.git

git push-uオリジンマスター

-


2

はい、vscodeからgitリポジトリをアップロードできます。プロジェクトの作業ディレクトリに移動し、ターミナルでgitinitと入力する必要があります。次に、通常のgit commitで行うように、ファイルをリポジトリに追加します。


これは機能しますが、実際にはvscodeからではありません。
xsmael 2017年

ターミナルで実行されるその単なるgitコマンド。vs codeを使用すると、エディター自体からターミナルにアクセスできるため、タブを切り替える必要はありません。
ライアンペレイラ

1
commitpush
さて

2

これを行うための優れたGUIの方法があります。CTRL + SHIFT + G(またはメニューのView-CSM)を押すと、ここに多くのオプションがあります。(...)を使用すると、ほとんど何でもできます。完了したら、コミットメッセージを入力ボックスに入力し、CTRL + ENTERを押します。とても簡単。リモートリポジトリがある場合は、リポジトリ名の近くの左下隅に小さなスピナーマークが表示されます。それを押して、リモートに簡単に同期します。
ただし、これをすべて行うには、(git initターミナルから)前に作業ディレクトリでリポジトリを初期化する必要があります。


1
あなたは何も新しいものを持ち込みません
でした

致命的:ブランチ「マスター」用にアップストリームが構成されていません
Gaurav Ghongde 2018

2

VSCOde->表示->ターミナルに移動します

ここに画像の説明を入力してください

git init gitadd。git commit -m "FirstCommit" git remote add origin https://github.com/dotnetpiper/cdn git pull origin master git push -f origin master

注:git push -u originmasterが予期せず動作しない場合があります。


1

コマンドパレットを使用することもできます。

  1. (CTRL + SHIFT + P-Win)または(CMD + SHIFT + P-Mac)でパレットを開きます。
  2. 'git'と入力し、Git:Cloneを選択し、
  3. githubリポジトリのURLを貼り付けます(https://github.com/Username/repo)を、
  4. 左側のメニューからソース管理セクションに進む準備ができているよりも。

ターミナルと同じことをします。


1

GitHub APIを使用して、コマンドラインからGitHubリポジトリを作成できます。API以外では、コマンドラインからGitHubにリポジトリを作成する方法はありません。

タイプ:

curl -u 'ユーザー名' https://api.github.com/user/repos -d '{"name": "projectname"、 "description": "project desc"}'

git remote add origin git@github.com:nyeates / projectname.git

そして今、あなたは通常の方法を続けることができます


1

今日は2020-12-25、私のVSCは1.52.1ですが、上記のすべてを試してもあまり成功しませんでした。VSCを使用して既存のローカルプロジェクトをGitHubに追加するために行った完全な手順は次のとおりです(注:GitHubで対応するリポジトリを作成しないでください)。

  1. GibHub拡張機能をVSCにインストールします
  2. VSCを閉じてから再度開きます。
  3. プロンプトが表示されたら、GibHubにサインインします。
  4. 自分のローカルフォルダを開きます。現時点では、まだGibHubにプッシュされていません。
  5. Ctrl + Shift + Pで、[ GitHub公開]をクリックします

ここに画像の説明を入力してください

  1. VSCとGitHubは、プライベートまたはパブリックとして追加する選択肢を自動的に提供し、次の形式で新しいリポジトリの名前を作成します<your username>/<your new repository name>。たとえば、ユーザー名は「myname」で、ローカルフォルダーの名前は「HelloWorld」です。そのためmyname/HelloWorld、入力ボックスに表示されます。
  2. この名前を更新または承認し、プライベートまたはパブリックの選択をクリックすると、GitHubに新しいリポジトリが作成され、フォルダーがそのリポジトリに公開されます。

ここに画像の説明を入力してください

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.