【初心者向け】Visual Studio Codeで書いたコードをGitHubに公開する方法

はじめからGitHubに公開するつもりでコードを書く場合は
先にGitHubにリポジトリを作成するほうが簡単です。

この記事では、コードを書いた後でGitHubに公開したくなった時に
どうするかを紹介します。

1．Visual Studio Codeでフォルダを開く

手元で開発したコードをVisual Studio Codeで開いておきます。
今回のサンプルはnpm initしただけのものです。

ブラウザでGitHubにアクセスします。
サインイン後、RepositoriesタブでNewボタンをクリックします。

リポジトリ名、説明を適宜入力します。

GitHubに公開するならReadMeは作っておきましょう。
手作りでもいいですけどメンドイので
Initialize this repository with a READMEにチェックを入れて自動作成してもらいます。

Create repositoryボタンをクリックすると作成が完了します。
Clone or downloadボタンで表示されるリポジトリのURLをコピーしておきます。

Visual Studio Codeのターミナルでgit initしてローカルリポジトリを作成します。

同じくgit remote add origin {url}でリモートリポジトリを追加します。
urlは先ほどコピーしたGitHubリポジトリのURLです。

git pull origin masterコマンドでリモートリポジトリをローカルに持ってきます。

Visual Studio Codeのソース管理画面でローカルリポジトリの変更をコミットします。

git push origin masterコマンドでローカルのコミットをリモートリポジトリにプッシュします。

バージョン違いでエラーが出ることがあります。
初回Pushですから競合は無いはずなので、
エラーが出たらgit push origin master --forceコマンドを試してみてください。

以降はコマンドを使わなくてもVisual Studio Codeの機能でプッシュや同期ができるようになります。
プッシュボタンを押しても何も起こらないようなら、プッシュ先を選択してみてください。

・コード書いて発信する

　　コードを書き、GitHubに公開する。
　　学んだことをブログで発信する。
　　お勧めです。

　　弊ブログもそうですが、発信する情報が高度なものである必要はありません。
　　インターネット上で情報を求めている人の大半は経験の浅い方ですから、
　　初心者の視点から躓いた経験を共有するだけでも有益なものです。

・オンラインスクール

　　教えて貰えるのはやっぱ安心ですよね。無料体験からどうぞ。