CodeGym /Các khóa học /Frontend SELF VI /Làm việc với GitHub từ IntelliJ IDEA

Làm việc với GitHub từ IntelliJ IDEA

Frontend SELF VI
Mức độ , Bài học
Có sẵn

10.1 Sao chép repository

Nhớ không, tôi đã kể về 3 nơi lưu trữ file? Remote repository, local repository và thư mục làm việc.

Giờ thì, chúng ta sẽ sao chép remote repository của bạn (cái bạn đã tạo trên GitHub) vào local repository (repository trên máy tính của bạn).

Vậy nên khởi động IntelliJ IDEA và bắt đầu…

Bước 1. Nếu bạn chưa tạo dự án nào, hãy chọn nút:

IntelliJ IDEA

Nếu đã tạo, thì:

IntelliJ IDEA

Bước 2. Nhập URL của remote repository bạn muốn sao chép vào máy tính.

Cách này hữu ích nếu bạn sao chép repository của ai đó.

IntelliJ IDEA

Nếu bạn sao chép của mình, sẽ dễ hơn nếu đăng nhập GitHub qua IntelliJ IDEA:

IntelliJ IDEA

Bước 3. Đừng tin ai cả. Ngay cả bản thân mình.

IntelliJ IDEA cảnh báo bạn không nên chạy code từ các repository không rõ nguồn gốc. Vì đây là repository của bạn, đánh dấu tin cậy. IntelliJ IDEA

Bước 4. Antivirus mặc định trong Windows cảnh báo rằng có file không rõ nguồn gốc xuất hiện. Antivirus không thích chương trình không quen thuộc.

NHƯNG! Chúng ta sẽ tạo chính những chương trình này, nên hãy yêu cầu IDE nói antivirus đừng chặn các chương trình sắp tới của bạn. Nhấn nút “Automatically”, sau đó — “YES”.

IntelliJ IDEA

10. 2 Commit đầu tiên

Nếu bạn đã sao chép repository mới tạo, nó sẽ chỉ chứa một file duy nhất — README.md

Bước 1. Mở file README.md

Quan trọng!

Phần mở rộng md có nghĩa là Markdown — đó là một định dạng kiểu đơn giản cho file văn bản. Bạn có thể xem nó hoạt động như thế nào bằng cách nhấn vào nút ở góc trên bên phải.

IntelliJ IDEA

Thay đổi file này theo ý bạn: bạn có thể viết bất kỳ lời chào nào, hoặc mô tả về repository.

Bước 2. Sau khi bạn đã chỉnh sửa file, IntelliJ IDEA sẽ hiển thị nó bằng màu xanh trong cây thư mục bên trái. Màu xanh hiển thị tất cả các file đã thay đổi, nếu thay đổi trong thư mục làm việc của bạn chưa được thêm vào repository địa phương.

IntelliJ IDEA

Bước 3. Commit

Sau khi bạn đã thực hiện tất cả các thay đổi dự định trong file hoặc các file (và đảm bảo chúng là đúng), chúng ta cần đưa chúng vào local git repository của bạn. Hiện chúng vẫn chỉ nằm trong thư mục làm việc của bạn.

Để làm điều này, bạn cần nhấn vào nút Commit và đánh dấu tất cả các file mà bạn muốn thay đổi trong repository địa phương:

IntelliJ IDEA

Bước 4. Ở dưới cùng bên trái thêm bình luận mô tả các thay đổi của bạn:

IntelliJ IDEA

Bước 5. Và nhấn nút “Commit”.

Bước 6. Kiểm tra

Chuyển sang dự án của bạn và xem: nếu các file không còn sáng xanh, nghĩa là tất cả các thay đổi trong thư mục làm việc của bạn đã được đưa vào repository địa phương.

IntelliJ IDEA

10.3 Làm việc với file

Bước 1. Hãy tạo vài file trong IntelliJ IDEA.

IntelliJ IDEA

Chúng ta đang viết code HTML – vậy thì file sẽ là:

  • main.html
  • index.html

Bước 2. Thêm file vào repository địa phương.

Ngay khi IntelliJ IDEA thấy bạn đã tạo file, nó sẽ đề nghị bạn thêm vào repository địa phương của bạn ngay lập tức. IntelliJ IDEA chỉ theo dõi các thay đổi của những file trong thư mục làm việc mà đã có trong repository địa phương của bạn — chỉ những file đó nó mới đánh dấu bằng màu xanh.

Nếu file có trong thư mục làm việc của bạn, nhưng không có trong repository địa phương, thì nó sẽ bị đánh dấu đỏ — như trong hình dưới đây:

IntelliJ IDEA

Bạn luôn có thể nhấn Add, nhưng lần này chúng ta sẽ nhấn “Cancel” và sau đó thêm file thủ công, để bạn biết cách làm điều đó.

Bước 3. Viết mã yêu thích của bạn trong file.

Tôi, ví dụ, đã viết: <h1>FIRST COMMIT</h1>

Bước 4. Bây giờ hãy thêm file main.html vào repository địa phương.

Chỉ cần nhấn chuột phải vào bất kỳ chỗ nào trong file và chọn Git-> Add File

IntelliJ IDEA

Nếu mọi thứ thành công, file đã thêm sẽ sáng màu xanh:

IntelliJ IDEA

Bước 5

. Tiếp theo hãy commit nó theo cách cũ:

IntelliJ IDEA

10.4 Push đầu tiên

Giờ thì chúng ta cần đưa những thay đổi trong repository địa phương lên remote repository trên GitHub. Khi nhiều lập trình viên cùng làm việc trên một dự án, họ sử dụng cách này để đồng bộ hóa các thay đổi trong mã.

Bước 1. Nhấn vào nút Push.

Thực ra thì làm việc này rất dễ: bạn chỉ cần sử dụng nút Push trong menu trên cùng của IDE của bạn:

Nhấn vào nút Push

Bước 2. Xác nhận commit đã thực hiện.

Ở bước này, bạn có thể xem lại mọi thay đổi đã thực hiện và đảm bảo rằng bạn không vô tình làm gì hỏng. Hoặc không quên thêm file mà các file khác phụ thuộc.

Xác nhận commit đã thực hiện

Bước 3. Kiểm tra.

Nếu mọi thứ thành công, bạn sẽ thấy thông báo kiểu như thế này:

Nếu mọi thứ thành công, bạn sẽ thấy thông báo kiểu như thế này

Bước 4. Giờ hãy mở GitHub repository của bạn và kiểm tra:

IntelliJ IDEA

Phép màu của công nghệ!

10. 5 Sử dụng file. gitignore

Nếu bạn đã thêm vào dự án của mình một vài file phụ trợ và không muốn chúng vô tình xuất hiện trên GitHub, bạn có thể thêm chúng vào danh sách loại trừ. Để làm điều đó, có file tên là “.gitignore”. Rất đơn giản và tiện lợi.

Sử dụng file. gitignore
Bình luận
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION