作成したWebサイトをGitHubにプッシュする手順 (2023年版)

サンプルサイトを作成

この記事ではVite + Svelteで作成したWebサイトをGitHubにプッシュする手順について説明しています。

まず、以下のコマンドでVite + Svelteのサンプルサイトを作成して確認します。

npm create vite@latest my-svelte -- --template svelte
cd my-svelte
npm install
npm run dev -- --open
Vite + Svelteで作成したWebサイト

確認できたら、以下のGitコマンドでコミットします。

git init && git add -A && git commit -m "Initial commit"

次にGitHubにアクセスして、リポジトリを作成します。

https://github.com/new

GitHub Create a new repository

リポジトリを作成したら、最後が「.git」になっているURLをコピーして、git remoteコマンドでリモートリポジトリの追加設定を行います。(初回のみ)

git remote add origin https://github.com/iwbjp/my-svelte.git
GitHub Quick setup — if you’ve done this kind of thing before

あとは以下のコマンドでローカルのファイルをGitHubにプッシュして完了です。

git push origin main
作成したWebサイトをGitHubにプッシュする手順 (2023年版)