ESLintやPrettierなどの設定を使いまわしたい
毎回設定するのが面倒なので、いつも使う設定はあらかじめ雛形のリポジトリをGitHubに置いておき、使いたいときにgit cloneして使うようにしたかった。
create-next-appして、ESLint設定して、GitHubと連携してだと、気軽に始めたいときに腰が重くなるので、個人開発でぱっと始められるようにするため調べた方法の備忘録です。
まず、雛形のリポジトリをGitHub上に作っておく
ESLintや最近よく使うChakraUIやrecoilなどのライブラリや、tsconfigなどを設定済みのリポジトリを、依然プロジェクトから引っ張ってきて作りました。
使い始めるとき
- プロジェクトを始めるディレクトリ上で
git cloneします。
git clone [雛形となるリポジトリのURL] . ←最後に"."をつけるとリポジトリの中身だけcloneされる
- 一度
git remote -vコマンドでリモートの追跡対象を確認
git remote -v
origin https://github.com/dende-h/[雛形のリポジトリ名].git (fetch)
origin https://github.com/dende-h/[雛型のリポジトリ名].git (push)
- GitHubに新しいプロジェクトのリポジトリを作ってそこと連携する
git remote set-url origin [新しいリポジトリのURL]
git remote -v
origin https://github.com/dende-h/[新しいリポジトリ名].git (fetch)
origin https://github.com/dende-h/[新しいリポジトリ名].git (push)
こうなればOK
- 最後に
git pull originを忘れずに
git pull origin
時々メンテは必要
当然のことながらNextやReactやその他ライブラリ等のバージョンは更新されないので、時折そういった対応のメンテナンスは必要になります。
ですが、ちょっと個人でプロジェクト作る際は気軽度が増すかと思います。よく使いまわすものはテンプレを作っておくのは良いなと思いました。