Sử dụng Github và VS Code để lập trình hiệu quả – Tận hưởng những tiện ích mà chúng mang lại

github

Khi bạn bắt đầu học lập trình, bạn sẽ nghe nói đến hai công cụ quan trọng: VS Code (Visual Code) và Github. VS Code là một trình mã nguồn phổ biến, nhanh chóng, nhẹ nhàng, hỗ trợ nhiều tính năng và có khả năng tương thích trên nhiều nền tảng. Github là một hệ thống quản lý mã nguồn mạnh mẽ, cho phép lập trình viên tạo tài khoản và lưu trữ mã nguồn của mình. Bạn cũng có thể sao chép mã nguồn từ các kho mã nguồn có sẵn trên Github. Bài viết này sẽ chia sẻ những kiến thức cơ bản về cách sử dụng Github và VS Code mà chính tôi đã tự khám phá. Chẳng hạn, tôi sẽ hướng dẫn bạn cách đưa mã nguồn lên Github, cách đồng bộ hóa giữa Repository và Local, cách kéo mã nguồn về Local, và nhiều thứ khác.

1. Các yêu cầu cần thiết

Để sử dụng các công cụ này, bạn cần có một tài khoản Github và sau đó tải Git về máy tính của bạn. Bạn có thể tải Git tại đây: https://git-scm.com/. Sau khi cài đặt, mở Command Prompt và gõ lệnh sau để kiểm tra:

git --version

Nếu bạn nhìn thấy phiên bản Git, điều đó có nghĩa là bạn đã cài đặt thành công.

Xem thêm  10 lưu ý khi tuyển dụng nhân sự cấp cao cho doanh nghiệp

2. Đẩy code từ local lên Github trong VS Code

Đầu tiên, hãy mở thư mục chứa mã nguồn của bạn. Sau khi mở, nhấp vào biểu tượng Source Control như hình dưới đây:

source-control

Giao diện Source Control sẽ xuất hiện. Bạn nhấp vào “Publish to Github” (hãy thực hiện các bước đăng nhập tự mình). Sau đó, VS Code sẽ hiển thị một ô để bạn nhập tên Repository và hai tùy chọn là riêng tư hoặc công cộng. Nhập tên Repository và chọn tùy chọn Publish:

publish-github

Tiếp theo, chọn các tệp và thư mục mà bạn muốn đẩy lên Github và nhấn OK. Quá trình tải lên sẽ được hiển thị ở góc dưới bên phải. Khi thành công, VS Code sẽ hiển thị một thông báo xác nhận và bạn có thể nhấp vào “Open on Github” để kiểm tra:

push-success

Đó là những bước cơ bản để đẩy mã nguồn lên Github.

3. Viết code và đồng bộ lên Github

Khi bạn viết code và lưu tệp đó, mã nguồn trên máy tính của bạn và trên Github sẽ khác nhau. Các tệp trong thư mục sẽ được đánh dấu màu vàng để chỉ ra rằng chúng đã thay đổi. Đối với các tệp mới, chúng sẽ được đánh dấu màu xanh lá cây. Nếu bạn muốn đồng bộ hóa code với Github, hãy mở Source Control. Trong tab Source Control sẽ hiển thị các tệp đã thay đổi so với Repository trên Github. Nhấp vào biểu tượng “+” của từng tệp nếu bạn chỉ muốn đồng bộ hóa tệp đó hoặc nhấp vào “+” ngay bên cạnh “Changes” nếu bạn muốn đồng bộ hóa toàn bộ:

Xem thêm  Phải coi vốn đầu tư công là vốn mồi, giải ngân nhanh để thúc đẩy tăng trưởng

sync-github

Thực hiện Commit bằng cách nhấp vào biểu tượng checkmark. Sau đó, hãy nhập một tin nhắn mô tả về sự thay đổi và nhấn Enter. Nhấp vào biểu tượng “…”, sau đó chọn “Push” như hình dưới đây:

push-changes

Đó là cách bạn đồng bộ hóa code lên Github.

4. Clone code từ Github về local

Ví dụ, hãy clone mã nguồn từ https://github.com/bitcoin/bitcoin. Trong Source Control, hãy chọn “Clone Repository”. Tiếp theo, chọn “Clone from Github” như hình dưới đây:

clone-github

Dán link HTTPS hoặc SSH của Github và nhấn Enter. Sau đó, chọn thư mục nơi bạn muốn lưu trữ repository đã được clone:

choose-folder

Khi quá trình clone hoàn tất, bạn có thể chọn “Open” hoặc “Open in New Window”. Bây giờ, bạn đã clone repository từ Github về máy tính.

5. Một số thông tin bổ sung

Trong trường hợp bạn không có thay đổi nào trên code của mình, nhưng có những thay đổi trên repository được thực hiện bởi các thành viên khác, bạn có thể mở Source Control, nhấp vào biểu tượng “…” và chọn “Pull” để kéo và đồng bộ.

Đó là những chia sẻ cơ bản về cách sử dụng Github và VS Code để lập trình dễ dàng và hiệu quả. Bài viết này chỉ giới thiệu những phần cơ bản về việc sử dụng Github. Trên thực tế, còn rất nhiều tính năng thú vị và phức tạp khác về Github và VS Code mà bài viết này chưa đề cập. Hy vọng rằng những thông tin này sẽ giúp ích cho bạn trong quá trình học tập và làm việc. Nếu bạn có bất kỳ ý kiến đóng góp nào, hãy để lại cho tôi biết nhé!

Xem thêm  Bí quyết thiết kế quán bida đẹp, ấn tượng hút khách nườm nượp

Đọc thêm: Sử dụng Github và VS Code để lập trình hiệu quả – Phan Xuân Chánh