2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Githubに保存したHTMLテンプレートを開発ごとにcloneして複製利用したい

Last updated at Posted at 2021-03-21

やりたいこと

ウェブサイトを制作するとき、毎回ファイルを一から準備するのは面倒です。

そこで、githubにHTMLテンプレートのリポジトリを作っておき、プロジェクトのごとにgit cloneして新しいリモートリポジトリに複製利用できたら便利だなと思ったのでメモします。

なお、エディタはVSCodeを使用しています。

手順

大まかな流れです。

名称未設定.png

  1. HTMLテンプレートリポジトリを準備
  2. git cloneでローカルにコピー
  3. Githubに新規プロジェクトリポジトリを作り、URLをコピー
  4. git remote set-url originでローカルにコピーしたリポジトリのremote URLを変更
  5. 新規プロジェクトリポジトリにpush

↓↓↓

githubにHTMLテンプレートリポジトリを準備し、今後これを使いまわすこととします。

2021-03-22_04h10_00.png

中身はこんな感じでVSCode用にGulpでタスクを組んでいます。

2021-03-22_04h10_41.png

ターミナルでHTMLテンプレートをgit cloneします。

$ git clone <remote URL>

githubで新規プロジェクトのリモートリポジトリを作り、リモートURLをコピーします。

2021-03-22_04h36_45.png

ローカルリポジトリのリモートURLを変更します。

$ git remote set-url origin <new remote URL>

以下のコマンドでリモートリポジトリの名前とURLが変わっているのが確認できれば成功です。

$ git remote -v

pushして新しいリモートリポジトリを更新しましょう。

$ git push -u origin main
2
1
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
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?