0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Windows10】VSCodeからGitHubを使う

Last updated at Posted at 2020-11-22

VSCodeからGithubを使えるように設定しました。
特殊なことが必要なわけではありませんが。。。

##ローカル環境

項目 バージョン
OS Window10 2004
Editor VSCode:1.51.1

##事前準備
####1.GitHubにアカウントを作成します。
https://github.co.jp/

##VSCodeからGitHubのRepositoryをClone
####1.【ローカル環境】git for windowsをダウンロードし、インストールします。
https://git-scm.com/

####2.【GitHub】Repositoryを作成します。
#####2-1.右上の「⁺」ボタンを押下するとメニューが表示されるので、「New Repository」を選択します。

menu.png

#####2-2.【GitHub】「Repository name」項目を入力します。「Public/Private」、及び「Initialize this repository with:」の各項目は必要に応じて設定してください。

CreateNewRepo.png

#####2-3.【GitHub】(HTTPSを前提としています)作成したRepositoryのURLをコピーします。

RepoURL.png

#####3.【ローカル環境】VSCodeからGitHubのRepositoryを開きます。
#####3-1.【ローカル環境】VSCodeのExploereで「Clone Repository」を選択します。
VSCode-GitHub連携でGitHubのログインを求められます。

CloneRepo.png

#####3-2.【ローカル環境】GitHubのRepositoryのURLを入力します。

InputRepoURL.png

#####3-3.【ローカル環境】「フォルダー選択」でLocal Repositoryを選択します。必要に応じてLocal Repositoryのフォルダを作成してください。

SelectRepoFolder.png

#####4.【ローカル環境】Exploereで開ければ完了です。

##VSCode上でcommit/push
####1.【ローカル環境】ファイルに新規・変更・削除がされるとサイドバーの「Source Control」に対象ファイル数が表示されます。

update.png

####2.【ローカル環境】「Source Control」でcommitやpushなどが可能です。

GitOpe.png

####3.【GitHub】commit/pushを実行し、GitHub上で対象のファイルが確認できれば完了です。

RepoDirectory.png

##開発では、、、

  • チーム開発だとBranchをきったり、Pull Requestによる開発となりますので、VSCodeのExtensionsから「Git History」をinstallしておくと便利です。

GitHistory.png

  • それ以外には「GitHub Pull Requests and Issues」なども。
0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?