CodeGym /コース /Frontend SELF JA /IntelliJ IDEAからGitHubを扱う

IntelliJ IDEAからGitHubを扱う

Frontend SELF JA
レベル 20 , レッスン 2
使用可能

10.1 リポジトリのクローン

3つのファイル保存場所について話したの覚えてる? リモートリポジトリ、ローカルリポジトリ、そして作業ディレクトリ。

じゃあ、今からそのGitHubで作ったリモートリポジトリを自分のローカルリポジトリにクローンしますよ。

それでは、IntelliJ IDEAを起動して始めよう…

ステップ 1. プロジェクトをまだ作っていない場合、次のボタンを選択します:

IntelliJ IDEA

作成した場合は:

IntelliJ IDEA

ステップ 2. クローンしたいリモートリポジトリのurlを指定してください。

誰かのリポジトリをクローンするときに便利な方法です。

IntelliJ IDEA

自分のをクローンする場合は、IntelliJ IDEAからGitHubにログインすればもっと簡単です:

IntelliJ IDEA

ステップ 3. 誰も信用するな。自分さえも。

IntelliJ IDEAは知らないリポジトリからのコードを実行しないよう警告します。自分のリポジトリの場合は信頼をチェックします。 IntelliJ IDEA

ステップ 4. Windowsのデフォルトアンチウイルスは未知のファイルが出現したと警告します。アンチウイルスは知らないプログラムを嫌います。

でも! これからそのプログラムを作るので、IDEにアンチウイルスがあなたの未来のプログラムをブロックしないようにしてください。「Automatically」をクリックし、「YES」を押します。

IntelliJ IDEA

10. 2 初めてのコミット

新しく作成したリポジトリをクローンした場合、README.mdファイルだけが含まれます

ステップ 1. README.mdファイルを開いてみてください

重要!

拡張子mdはMarkdownの意味です。これはテキストファイルの非常にシンプルなスタイリング形式です。 右上のボタンをクリックして、どのように機能するかを見ることができます。

IntelliJ IDEA

このファイルを好きなように変更してみて下さい。挨拶メッセージやリポジトリの説明を書いてもいいです。

ステップ 2. ファイルに変更を加えた後、IntelliJ IDEAはファイルツリーの左側で青色で表示します。 あなたの作業ディレクトリの変更がまだローカルリポジトリにコミットされていない場合、青色で表示されます。

IntelliJ IDEA

ステップ 3. コミット

ファイルにすべての計画した変更を加え(そしてそれらの正確さを確認した)後、これらをあなたの ローカルgitリポジトリに保存する必要があります。 現在はまだ作業フォルダにのみ存在しています。

これを行うには、Commitボタンをクリックし、ローカルリポジトリに加えたいすべてのファイルを選択します:

IntelliJ IDEA

ステップ 4. 下の左側に、変更点を説明するコメントを追加します:

IntelliJ IDEA

ステップ 5. そして「Commit」ボタンを押してください。

ステップ 6. チェック

プロジェクトに切り替えて確認します:もしファイルが青く光らなくなったら、作業ディレクトリのすべての変更がローカルリポジトリに成功裏にコミットされたことを意味します。

IntelliJ IDEA

10.3 ファイル操作

ステップ 1. IntelliJ IDEAでいくつかのファイルを作成しましょう。

IntelliJ IDEA

HTMLコードを書いているので、次のファイルを作ります:

  • main.html
  • index.html

ステップ 2. ファイルをローカルリポジトリに追加します。

IntelliJ IDEAはファイルを作成したとわかった瞬間に、ローカルリポジトリに追加するように提案してきます。 IntelliJ IDEAは作業ディレクトリに存在し、すでにローカルリポジトリにあるファイルのみを追跡しており、それらのみを 青色で表示します。

ファイルが作業ディレクトリに存在しても、ローカルリポジトリに存在しない場合、それは赤色で表示されます - 次の画像の通りです:

IntelliJ IDEA

基本的にいつでもAddを押すことができますが、今回は「Cancel」をクリックしてファイルを手動で追加し、その方法を学びましょう。

ステップ 3. ファイルに好きなコードを書きます。

例えば、私はこう書きました:<h1>FIRST COMMIT</h1>

ステップ 4. それでは、main.htmlファイルをローカルリポジトリに追加しましょう。

ファイルの任意の場所で右クリックして、Git-> Add Fileを選択します

IntelliJ IDEA

すべてが正常に行われた場合、追加されたファイルは緑色で光ります:

IntelliJ IDEA

ステップ 5

. そして、いつものようにコミットします:

IntelliJ IDEA

10.4 初めてのプッシュ

さて、ローカルリポジトリ内の変更をGitHub上のリモートリポジトリにプッシュする必要があります。複数の プログラマーが同じプロジェクトに取り組んでいる場合、この方法でコードの変更を同期します。

ステップ 1. Pushボタンをクリックします。

実際にこれは非常に簡単です:IDEの上部メニューのPushボタンを使うだけです:

Pushボタンをクリックします

ステップ 2. コミットを確認します。

このステップで、すべての変更を確認し、なにか重要なものを壊していないか、または他のファイルに依存する ファイルを追加し忘れたか確認することができます。

コミットを確認します

ステップ 3. 確認します。

すべてがうまくいけば、このようなメッセージが表示されます:

すべてがうまくいけば、このようなメッセージが表示されます

ステップ 4. さて、GitHubリポジトリを開いてチェックします:

IntelliJ IDEA

技術の魔法!

10. 5 使用。gitignoreファイル

プロジェクトにサービスファイルを追加して、それが誤ってGitHubにアップされないようにしたい場合、 それらを除外に追加できます。「.gitignore」という名前のファイルがあります。これはとても簡単で便利です。

使用。gitignoreファイル
コメント
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION