LoginSignup
0
0

More than 1 year has passed since last update.

GithubとVScodeの連携

Posted at

はじめに

コマンドを実行してGithubにpush、pullしていましたが、
Visual Studio Codeと連携することでクリックのみでGitの操作をする方が便利だと思いメモ。

開発環境

Windows10
Gitにインストールや初期設定は完了している前提です。

リポジトリの作成

今回作成するリポジトリ名は"testrepository"とします。

リポジトリをクローン

先程作成したレポジトリ"testrepository"をローカルにクローンします。
Ⅰ.クローンするためのフォルダを新規に作成し、Vscodeで開きます。フォルダ名は"git"とします。
Ⅱ.Vscodeでターミナルを開き、下記コマンドを実行

$ git clone 作成したリポジトリのURl

Ⅲ.クローンに成功するとgitフォルダの中にtestrepositryがクローンされているのを確認出来る

プッシュ

先程クローンしたtestrepositporyに変更を加え、Githubにプッシュしてみます。
Ⅰ.Vscodeで、testrepositporyは以下にindex.htmlを作成します。
Ⅱ.index.htmlを編集(中にtestと記載します。)
Ⅲ.下記のようにソース管理画面を開くと変更されたファイルが表示されるので、変更の横の+ボタンを押して全ての変更をステージする。
image.png

Ⅳ. その上のメッセージを入力する欄で、コミット時のメッセージを入力(first commitなど)
Ⅵ.✓マークをクリックし、コミット、その横の・・・マークからプッシュをクリック
Ⅶ.リポジトリにプッシュされているのが確認出来る。

image.png

0
0
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
0