💻VS CodeでGitHubを使えるようにする手順✨

Uncategorized

初心者向けに可愛く解説🌸



🌟そもそもGitHubって？

GitHub

プログラムの保存場所＆バックアップサービス✨

さらに…

  • 複数人開発
  • バージョン管理
  • ソースコード共有
  • AI開発
  • Web開発

全部できちゃいます💻✨

🚀STEP1 GitHubアカウント作成

まずはこちら👇

GitHub公式サイト

無料登録します✨

💻STEP2 Gitをインストール

Macならターミナルで👇

git --version

もし入っていなければ👇

brew install git

🌸STEP3 VS Codeを開く

Visual Studio Code を起動✨

🔑STEP4 GitHubログイン

VS Code左下の👇

アカウントアイコン
↓
GitHubにサインイン

をクリック✨

ブラウザが開くので認証します🌷

📂STEP5 プロジェクトフォルダを開く

mkdir my-project
cd my-project
code .

🌟STEP6 Git初期化

VS Codeターミナルで👇

git init

📝STEP7 README作成

touch README.md

🚀STEP8 最初の保存（コミット）

git add .
git commit -m "first commit"

🌍STEP9 GitHubに新規リポジトリ作成

GitHubで👇

New Repository

を押します✨

🔗STEP10 GitHubと接続

GitHub側に表示されたURLをコピー✨

例👇

git remote add origin https://github.com/ユーザー名/my-project.git

🚀STEP11 アップロード

git branch -M main
git push -u origin main

これでGitHubへアップ完了✨

💡VS Codeおすすめ拡張機能

拡張機能内容
GitLensGitが超見やすい✨
GitHub Pull RequestsGitHub連携強化
Git Graph履歴が見やすい🌸

🌷よく使うGitコマンド

git status
git add .
git commit -m "更新"
git push
git pull

🌟まとめ

VS CodeとGitHubを連携すると…

✨コード管理
✨バックアップ
✨チーム開発
✨AI開発
✨Webサービス開発

が超ラクになります💻🌸

Next.js開発や口コミブースターPRO制作でも必須レベルなので、最初に設定しておくのがおすすめです✨



コメント

タイトルとURLをコピーしました