0
0

More than 1 year has passed since last update.

【Angular】練習アプリ作成日記(ソースコードの管理する環境を作る)

Posted at

前記事

環境構築をしてみます

前回、どんなものを作りたいのかというのをまとめました。
今回はそれを作成するにあたって準備していきたいと思います。

ソースコードを保存~Gitを入れてみる~

案件それぞれだと思いますが、ソースコードを保存するということで
Gitを入れてみようと思います。
以下のサイトからGitをダウンロードすることができます。
公式サイト
ダウンロード後はインストールをします。
色々と聞かれましたが、筆者は何も考えずにNEXTを押しまくって
とりあえず、インストールしました:smiley:

GitHubへ登録

作成したソースコードを公開したい場合はGitHubへ
登録してもいいかもしれません。
筆者はこれに登録しています。

GitHub公式サイト

ソースコード管理ツールについて

Gitへ登録したら次にプロジェクトとGitを連携しなければなりません。
例えば、以下のフォルダを連携させたいとしましょう。
image.png
※フォルダの中にはREADME.mdのようなものを入れておいてください。

GitHubのページにNewボタンがありますので、それをクリック
image.png

必要最低限の入力をする。
image.png

連携したいフォルダ内でGitbashを開きます。
image.png

作りたてのプロジェクトのところに以下のコマンドがメモされていますので、
それをGitBushで打ってください。

git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/作成したGITのID/practiceStu.git
git push -u origin main

コマンド入力後、作成したプロジェクトは以下のような感じになります。
image.png

では、これをツールで連携させましょう。
先ほどの画面のコードボタンにURLがありますので、コピーしてください。
image.png

ここから先、どのようなツールを使うのかは好みになります。
筆者はVSCodeのこれを使いたいと思います。
image.png

Git Cloneすると、以下のように連携されます。
image.png

とりあえず、これでソースコードの管理する環境が整いました。

まとめ

ソースコードの管理する環境を作りました。
簡易に書いていますが、これでとりあえず、それっぽい雰囲気に
なったのではないかと思います。

という訳で、今回はここまでにしたいと思います。
次回はデータベース環境の選定をしたいと思います。ではでは~:raised_hand:

0
0
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
0
0