LoginSignup
3
3

More than 1 year has passed since last update.

VSCodeとgitを連携させてみるときに躓いた話。

Posted at

Gitの初心者の方がVScodeを用いてgitHubとの連携に躓いていたので
一緒に解決した時の健忘録になります。

VSCodeとgitの連携(ソフト側の設定)

環境はWindows。

まずはGitをDL。
VScodeもDLします。

VScodeのターミナルでgitのコマンドいれてもなんもならないよー!とのことで

git : 用語 'git' は、コマンドレット、関数、スクリプト ファイル、または操作可能なプログラムの名前として認識されません。名前が正し場合はその
発生場所 行:1 文字:1
+ git congfig
+ ~~~
    + CategoryInfo          : ObjectNotFound: (git:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

このようなエラーが出たので、Vscodeにgitのpathをとおしてやります。
(VSCodeがgitの場所を認識していなかったということ)

VSCodeの左下の歯車から設定を選択。上の設定の検索に

git path

を入力し
setting.jsonを編集をクリックします。

出てきたファイルの

"git.path": ""

""のとこに、gitをインストールしたパスを記載します。

ex: C:\Program Files\Git\cmd\git.exe

※私のVSCode君は入れ直ししたために制限モードとやらが発動してて、拡張機能にgitがいなくて困りました。。
ワークスペースの信頼をしてあげてください。
https://reject.tokyo/remove_vscode_trust_mode/

これでgitコマンドが通るようになるはずです。

VsCodeでgitHubにファイルをアップする

※まずローカルのフォルダと、githubのフォルダを紐づけなくてはいけません
ここではデスクトップに作成したtestというフォルダを上げるようにします。

まず、gitに登録したユーザーネームとメールアドレスを設定します。

 git config --global user.email "登録したメアド"
 git config --global user.name "ユーザーネーム"

また、github上のリポジトリ(リモートリポジトリ)を設定します。
Gitgubで新しくリポジトリをつくり、表示されたURLをコピーします

例)https://github.com/ユーザーネーム/test.git

git remote add origin https://github.com/ユーザーネーム/test.git

origin  https://github.com/ユーザーネーム/gitsample.git (fetch)
origin  https://github.com/ユーザーネーム/gitsample.git (push)

こんな感じででたらOK。

次に紐づけるフォルダに移動します。

cd desktop/test

※cd はディレクトリ(フォルダ)を移動することです

C:\Users\ユーザー名\desktop\test>

こんな表示になってれば移動OK

次に、testをgitに記録できるようにリポジトリにします
※リポジトリとはファイルの状態を記録できる保存場所みたいなもの。

git init

Initialized empty Git repository in C:/Users/ユーザー名/.git/

Initialized empty Git repository とかえってきたらOK

testのなかに何かファイルを入れてみましょう。(ここではtest.txt)

入れた後に

git status
On branch master

No commits yet

Untracked files:
        test.txt

nothing added to commit but untracked files present (use "git add" to track)

このように表示されたらOK
トラッキング(記録)してないファイルがあるよ、と答えてくれてます。

※git statusとは、そのリポジトリの中の状態を確認するものです。とりあえず困ったらやってみるとよし。何も怖くないコマンド。

そしたら、これをリポジトリに記録(add)してもらいましょう。

git add test.txt

何も表示されないので、確認の為にstatusをしましょう

git status
On branch master
Changes to be committed:
  (use "git restore --staged <file>..." to unstage)
        new file:   test.txt

こんな感じにな手ったらOK

次にコミットをします。コミットはさっきaddしたものをどういうものか説明し、タグ付けするような作業です。

git commit -m "テストテキストです"
[master 1a79162] テストテキストです
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 test.txt

最後に、githabにむけてpushします。

git push origin master

※このコマンドは、origin(最初に指定したURL)のmasterブランチに送ってね、と言ってる。

To https://github.com/ユーザーネーム/gitsample.git
c244dce..1a79162 master -> master

こんな感じで表示されればpush完了!githubにファイルがおくれてるはずです。

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