Tôi không có tài năng gì cả. Tôi chỉ đam mê hiểu biết
Tìm Hiểu Git Cho Người Mới Bắt Đầu

Tìm Hiểu Git Cho Người Mới Bắt Đầu


Ngày 17 Tháng 9 Năm 2021

Ngày hôm nay chúng ta sẽ đi vào tìm hiểu git là gì và cách áp dụng git vào trong dự án phát triển website nha.

Git Là Gì?

Git là phần mềm để theo dõi các thay đổi trong bất kỳ tập hợp tệp nào, thường được sử dụng để điều phối công việc giữa các lập trình viên hợp tác phát triển mã nguồn trong quá trình phát triển phần mềm. Các mục tiêu của nó bao gồm tốc độ, tính toàn vẹn của dữ liệu và hỗ trợ các quy trình làm việc phân tán, phi tuyến tính (hàng nghìn nhánh song song chạy trên các hệ thống khác nhau).
Theo Wikipedia

Còn theo mình hiểu thì Git đơn giản là một phiên bản điều khiển hệ thống (version control system) giúp bạn có thể theo dõi các file được thay đổi trên máy tính.

Git

Một số lợi ích của nó là:

  • Bạn có thể dùng cho nhiều loại ngôn ngữ lập trình hay framework khác nhau như HTML Page, Java, Nodejs, Javascript...
  • Giúp các developer có thể phát triển chung dự án một cách dễ dàng.
  • Nó cho phép bạn có thể chuyển về các phiên bản trước của dự án khi xảy ra lỗi.
  • So sánh các thay đổi của đoạn mã trong thời gian cụ thể.

Các câu lệnh cơ bản trong Git

Trước khi đi vào cài đặt và sử dụng thì mình sẽ giới thiệu đến bạn một số câu lệnh cơ bản trong Git thông qua bảng sau nhé!

git initThiết lập Local Git repository. Nó sẽ tạo một folder .git trong dự án mà bạn thiết lập.
git add (file)Thêm nội dung file vào index.
git statusKiểm tra trạng thái (status) của working tree.
git commitghi lại các nội dung thay đổi tới index.
git pushchuyển file từ local repository đến remote repository
git pullcập nhật các thay đổi mới nhất của dự án.
git clonetải dự án từ remote repository về máy tính.

Nếu bạn cảm giác khó hiểu thì không sao nha vì đây chỉ là phần lý thuyết thôi. Các câu lệnh này mình sẽ giải thích kỹ hơn khi đi vào thực hành nha.

Cách Cài Đặt Git

Để cài đặt git thì bản chỉ cần vào trang chính của nó và lựa chọn hệ điều hành phù hợp là có thể tải xuống, cài đặt và sử dụng rồi nha.

Git Download

Nguồn

Sau khi bạn cài đặt xong thì có thể kiểm tra Git có được cài đặt trên máy tính hay chưa thông qua câu lệnh:

git --version

Và dưới đây là kết quả nha.

Check Git Version

Thiết Lập Git Cho Local Repository

Bước đầu tiên mình sẽ tạo hai file là index.htmlapp.js để làm ví dụ thiết lập git cho máy tính nha thông qua câu lệnh sau:

git init

Bây giờ chúng ta sẽ đi vào thực hành nhé.

Như bạn thấy thì khi chúng ta sử dụng câu lệnh git init thì nó sẽ tự động tạo folder .git trong dự án. Tuy nhiên thư mục .git mặc định là thư mục ẩn, do đó bạn phải thực hiện xem các file ẩn trên hệ điều hành thì mới thấy được nha.

Thiết Lập Thông Tin Người Dùng

Khi bạn làm việc chung dự án thì thông tin về tên và email người dùng git sẽ rất cần thiết để quản lý các thành viên trong team. Do đó trong phần này chúng ta sẽ cùng nhau đi vào thiết lập thông tin người dùng thông qua đoạn mã sau:

 git config --global user.name 'niemvuilaptrinh'
git config --global user.email '[email protected]'

Git Add Và Status

Trong phần này chúng ta sẽ thêm các file index.html vào index của git thông qua đoạn code sau nhé.

git add index.html

Để kiểm tra file đã được thêm vào index hay chưa thì chúng ta sẽ sử dụng câu lệnh git status. Để hiểu rõ hơn bạn xem hình ảnh sau nhé!

 Git Status

Như bạn thấy thì nó sẽ thông báo cho chúng ta hai phần chính là :

  • Changed to be committed: index.html (File đã được thêm vào index)
  • Untracked File: app.js (File chưa được thêm vào index)

Giả sử bạn muốn xoá file index.html vừa rồi khỏi index thì chúng ta có thể dùng cú pháp như sau:

git rm --cached file(Tên của file)

Để dễ hình dung thì mình sẽ áp dụng câu lệnh này và xem lại status của git nha.

Remove file in Git

Nếu bạn muốn thêm tất cả các file có trong dự án thì chúng ta sử dụng câu lệnh:

git add .

Kết quả bạn xem dưới đây nhé.

Add all file in Git

Git Commit

Bây giờ chúng ta sẽ sử dụng git commit để ghi lại các nội dung thay đổi tới index thông qua đoạn mã sau nhé.

git commit -m "Nội Dung"

-m nghĩa là thông tin chúng ta thực hiện thay đổi nội dung trong dự án. Và để hiểu rõ hơn bạn xem đoạn mã sau nhé:

Git Commit

Như hình ảnh trên thì lần đầu tiên mình sử dụng git commit thì nó sẽ lưu các file được thay đổi.
Còn lần thứ hai mình chạy git commit thì nó sẽ không thực hiện bất kỳ hành động nào vì hai file không có gì thay đổi cả.

Bây giờ mình sẽ thử thay đổi nội dung của file app.js và chạy lại lệnh git commit để xem kết quả sẽ như thế nào nhé.

Như bạn thấy khi ta thay đổi nội dung của file app.js và chạy lệnh git commit thì nó sẽ tự động cập nhật.

Đưa Source lên Github

Trong phần này mình sẽ chỉ bạn cách làm sao để đưa một trang web lên github. Đầu tiên bạn sẽ tạo một tài khoản github tại đây nhé!

sign up github

Bước tiếp theo chúng ta sẽ đi vào tạo repository trong github thông qua video dưới đây nhé!

Sau khi bạn đã tạo xong repository, bước tiếp theo chúng ta sẽ đưa các file ở trong máy tính lên trang github bằng đoạn mã sau nha (mình đã thực hiện git init và git commit ở trên nên không phải thực hiện ở bước này nữa):

 git branch -M main 
git remote add origin https://github.com/haycuoilennao19/learn-git.git
git push -u origin main

Cách Clone Trong Github

Trong phần này mình sẽ hướng dẫn bạn cách clone một source từ github về cho máy tính nha.

Tổng kết:

Qua đây mình mong bài viết sẽ cung cấp thêm cho bạn những kiến thức git hữu ích cho việc phát triển, thiết kế web và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ!