Danh mục

Tìm kiếm
/

Mục lục

Không có mục lục
Tham gia kênh Telegram của CloudFly để nhận thêm ưu đãi và không bỏ lỡ bất kỳ khuyến mãi nào từ CloudFly

Hướng Dẫn 2 Cách Đẩy Code Lên GitHub Đơn Giản

Đẩy code lên GitHub là một bước quan trọng trong quy trình phát triển phần mềm. Nó giúp bạn lưu trữ và quản lý mã nguồn dễ dàng cũng như làm việc nhóm hiệu quả hơn. Trong bài viết này, CloudFly sẽ hướng dẫn bạn 2 cách đẩy code lên GitHub đơn giản, phù hợp cho cả người mới bắt đầu và những ai đã có kinh nghiệm. 

hướng dẫn 2 cách dẩy code lên github đơn giản

1. Hướng dẫn đẩy code lên Github bằng Terminal

1.1. Bước 1: Cài đặt Git

Git là công cụ quản lý phiên bản phân tán giúp bạn theo dõi sự thay đổi của mã nguồn và cộng tác dễ dàng với các lập trình viên khác. Nếu chưa có Git, bạn hãy truy cập trang chính thức tại https://git-scm.com/downloads để tải và cài đặt phiên bản phù hợp với hệ điều hành. 

Sau khi cài đặt, bạn mở Terminal (hoặc Command Prompt trên Windows) và kiểm tra bằng lệnh:

git --version  

1.2. Bước 2: Khởi tạo kho lưu trữ Git cục bộ

Trong Terminal/Command Prompt, bạn điều hướng đến thư mục dự án của bạn và khởi tạo kho lưu trữ Git cục bộ bằng lệnh:

git init  

Lệnh này sẽ tạo một thư mục ẩn .git trong dự án, nơi Git lưu trữ toàn bộ lịch sử thay đổi.

1.3. Bước 3: Thêm tệp vào kho lưu trữ

Tiếp theo, bạn sử dụng lệnh git add để thêm các tệp bạn muốn đẩy lên GitHub vào staging area:

git add file1.txt file2.js  

1.4. Bước 4: Commit thay đổi

Commit là một bản snapshot của trạng thái hiện tại của mã nguồn. Bạn hãy sử dụng lệnh sau để commit với mô tả thay đổi:

git commit -m "Mô tả thay đổi"  

1.5. Bước 5: Liên kết kho Git cục bộ với GitHub

GitHub là nền tảng lưu trữ code dựa trên Git, giúp bạn chia sẻ mã nguồn. Để tạo kho lưu trữ trên GitHub, bạn thực hiện theo các bước sau:

B1: Đầu tiên, bạn đăng nhập vào GitHub, nhấn vào dấu “+” và chọn New repository.

hướng dẫn dẩy code lên github bằng terminal 1

B2: Bạn đặt tên cho repository, chọn Public hoặc Private, rồi nhấp Create repository.

hướng dẫn dẩy code lên github bằng terminal 2

B3: Sau đó, bạn sao chép URL của kho lưu trữ GitHub.

B4: Trong Terminal/Command Prompt, bạn nhập lệnh để liên kết:

git remote add origin https://github.com/your-repository-url  

1.6. Bước 6: Đẩy code lên GitHub

Cuối cùng, bạn đẩy mã nguồn của mình lên GitHub bằng lệnh:

git push origin master 

1.7. Bước 7: Tạo GitHub Pages

B1: Để xem trang web của mình, bạn truy cập vào Settings trên GitHub.

B2: Tiếp theo, bạn kéo xuống GitHub Pages, và chọn Check it out here!

B3: Ở phần Source, bạn chọn main và nhấn Save.

hướng dẫn dẩy code lên github bằng terminal 3

Ngoài ra, bạn cũng có thể chọn một theme để trang web của bạn đẹp mắt hơn. 

2. Hướng dẫn đẩy code lên GitHub từ Visual Studio Code 

Nếu bạn muốn đưa mã nguồn lên GitHub bằng Visual Studio Code (VS Code), bạn có thể làm theo hướng dẫn dưới đây. Trước tiên, hãy đảm bảo rằng bạn đã cài đặt VS Code và Git trên thiết bị của mình.

2.1. Bước 1: Tạo tài khoản GitHub

B1: Đầu tiên, bạn truy cập trang chủ GitHub, nhấn vào Sign Up và điền thông tin như tên người dùng, email, và mật khẩu. 

hướng dẫn dẩy code lên github từ visual studio code 1

B2: Nếu muốn nhận thông tin cập nhật từ GitHub, bạn hãy tích vào ô Send me occasional product updates, announcement, and offers

B3: Cuối cùng, bạn nhấn VerifyCreate account để hoàn tất.

2.2. Bước 2: Tạo kho lưu trữ (Repository)

B1: Sau khi đăng nhập, bạn có thể tạo một repository mới bằng cách nhấn vào New ở góc trái màn hình. 

hướng dẫn dẩy code lên github từ visual studio code 2

Hoặc nhấn vào biểu tượng dấu + bên góc phải rồi chọn New Repository

B2: Tiếp theo, bạn điền thông tin bao gồm tên repository (nếu là trang web tĩnh, bạn có thể đặt tên dạng <username>.github.io), mô tả (không bắt buộc). Và chọn Public hoặc Private để quyết định mức độ hiển thị. 

Bạn cũng có thể thêm file README và file .gitignore nếu cần. 

hướng dẫn dẩy code lên github từ visual studio code 3

B3: Sau khi hoàn tất, bạn nhấn Create Repository.

2.3. Bước 3: Clone repo về máy

B1: Sau khi tạo repo, bạn sao chép đường link của nó và mở VS Code. 

B2: Bạn chọn Clone repository hoặc nhấn tổ hợp phím Ctrl + Shift + P. Rồi nhập lệnh git clone, và dán link repo. 

hướng dẫn dẩy code lên github từ visual studio code 4

B3: Bạn chọn vị trí lưu repo trên máy và nhấn Select as Repository Location

B4: Bạn cần đăng nhập GitHub qua trình duyệt để xác thực và hoàn tất quá trình clone. 

B5: Sau đó, bạn có thể chọn Open để mở repo trong VS Code.

2.4. Bước 4: Cập nhật thông tin Git

Bạn mở terminal trong VS Code bằng cách vào Terminal, chọn New Terminal và nhập các lệnh sau để cung cấp thông tin người dùng:

git config --global user.name "Tên của bạn"

git config --global user.email "Email của bạn"

Lưu ý: Tùy chọn --global áp dụng cho tất cả các repo. Nếu bạn chỉ muốn áp dụng cho repo hiện tại, hãy bỏ tùy chọn này. Nếu GitHub bảo mật email hoặc bạn sử dụng xác thực 2 lớp, bạn hãy thay email bằng địa chỉ dạng @users.noreply.github.com từ trang Settings của GitHub.

2.5. Bước 5: Thêm, chỉnh sửa, xóa file và đẩy code lên GitHub

Sau khi làm việc với các file trong repo, bạn sẽ thấy những thay đổi được ghi lại trong VS Code. Các ký hiệu như U (Untracked), M (Modified), và D (Deleted) sẽ giúp bạn theo dõi trạng thái file. 

Nếu bạn muốn chỉ định một số thay đổi được ghi lại trong commit, hãy nhấn vào biểu tượng dấu + bên cạnh file muốn commit. Sau đó nhập nội dung vào Message. Cuối cùng, bạn nhấn tổ hợp phím Ctrl + Enter để commit các thay đổi.

hướng dẫn dẩy code lên github từ visual studio code 5

Để đẩy mã lên GitHub, bạn nhấn vào menu Source Control và chọn Push. Bạn cũng có thể chọn Sync để thực hiện đồng thời hai thao tác Push và Pull. Sau đó, bạn hãy kiểm tra lại trên GitHub để đảm bảo mọi thứ đã được đẩy lên thành công.

hướng dẫn dẩy code lên github từ visual studio code 6

Vậy là bạn đã hoàn thành quá trình đẩy mã nguồn lên GitHub bằng VS Code!

>>> Xem thêm:

Hy vọng bài viết trên trên đã giúp bạn hiểu rõ hơn về hướng dẫn 2 cách đẩy code lên GitHub đơn giản. Nếu còn thắc mắc hay muốn đăng ký máy chủ ảo Cloud Server tại CloudFly, hãy liên hệ ngay với chúng tôi qua thông tin bên dưới để được tư vấn và hỗ trợ chi tiết. Đội ngũ kỹ thuật có chuyên môn cao luôn sẵn sàng 24/7 để giải quyết mọi vấn đề của bạn.

THÔNG TIN LIÊN HỆ:

  • Group săn sale: https://t.me/cloudflyvn

 

Chia sẻ

Bài viết nổi bật

Tham gia kênh Telegram của CloudFly để nhận thêm ưu đãi và không bỏ lỡ bất kỳ khuyến mãi nào từ CloudFly