Sử dụng Github và VS Code để lập trình hiệu quả

5/5 - (1 bình chọn)

Chắc các bạn khi học lập trình đều sẽ nghe đến 2 công cụ. Thứ nhất, VS Code ( Visual Code ), đây là một trình mã nguồn phổ biến với những đặc điểm như nhanh, nhẹ, nhiều tính năng, hỗ trợ trên nhiều nền tảng khác nhau, mã nguồn mở. Vậy cái còn lại, Github là một hệ thống kho quản lý mã nguồn, nơi mà lập trình viên có thể đều có thể tạo cho mình một tài khoản và lưu trữ kho mã nguồn của mình. Bạn cũng có thể clone lại mã nguồn từ một repository có trên github.

Bài viết này là những chia sẻ cơ bản về cách dùng github và VS Code do bản thân mình tự tìm hiểu được, cụ thể bài viết này sẽ hướng dẫn cách làm thế nào để đưa code lên github, cách đồng bộ các thay đổi giữa Repository và Local, cách kéo code về Local,…

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

Để có thể sử dụng ta cần có tài khoản của github, sau đó tải git về máy tính. Các bạn tải tại đây: https://git-scm.com/

Sau khi cài đặt xong, các bạn mở cmd lên gõ:

git --version

Nếu hiện như này là đã cài thành công:

1. Đẩy code từ local lên github trong Visual Code

Bạn cần mở thư mục chứa source code lên, sau khi mở xong ta nhấn vào biểu tượng Source Control như hình

Giao diện Source Control sẽ như sau, lúc này ta nhấn vào Publish to Github ( các bước đăng nhập các bạn tự làm nha )

Lúc này VS Code sẽ hiện ra một ô để nhập vào tên Repository và 2 tùy chọn Publish là riêng tư hoặc công cộng ( nhập tên Repository và click vào tùy chọn Publish )

Tiếp theo ta chọn những file và folder sẽ được đẩy lên github và nhấn OK

Quá trình upload sẽ hiển thị ở góc phải bên dưới

Sau khi thành công, VS Code sẽ hiện ra thông báo đã đẩy code lên github thành công. Để kiểm tra ta có thể nhấn vào Open on Github

Như vậy là các bước cơ bản để đẩy một code lên github đã xong

2. Viết code và đồng bộ lên github

Khi ta viết code và lưu file đó thì lúc này code tại local và trên git đã khác nhau. Tab Explorer sẽ có màu vàng nhạt lên các file và thư mục chứa file đã có nội dung thay đổi. Đối với trường hợp tạo 1 file mới, thì các file mới tạo đó sẽ có màu xanh lá.

Nếu muốn đồng bộ code lên github, ta nhấn vào Source Control. Trong tab Source Control sẽ hiển thị ra những file đã thay đổi so với Repository trên github. Nhấn vào dấu cộng của từng file nếu muốn chỉ đồng bộ file đó hoặc nếu muốn đồng bộ toàn bộ thì nhấn vào dấu cộng ngay Changes.

Thực hiện Commit bằng cách nhấn vào dấu tích như hình

Sẽ có một ô hiện lên, ta nhập vào một tin nhắn ( mô tả cho sự thay đổi đó ), sau đó Enter

Nhấn vào dấu 3 chấm ngay Source Control, và chọn Push như hình

Như vậy là code đã được đồng bộ lên github

3. Clone code từ github về local

Ví dụ ta sẽ clone từ https://github.com/bitcoin/bitcoin

[email protected]:bitcoin/bitcoin.git

Vào Source Control chọn Clone Repository

Chọn Clone from Github như trong hình

Dán link HTTPS hoặc SSH của github vào và Enter, sau đó chọn nơi lưu repository được clone về

Khi clone xong sẽ có thông báo như hình, lúc này ta chọn Open hoặc Open in New Window

Như vậy là ta đã clone xong 1 repository từ github về máy.

4. Một vài thông tin bổ sung

Trong trường hợp bạn không có thay đổi code nào nhưng trên repository đã thay đổi do những thành viên khác thực hiện. Ta có thể vào Source Control, nhấn dấu 3 chấm chọn Pull như hình để kéo và đồng bộ.

Trên đây là những chia sẻ của mình về cách sử dụng github và VS Code để thuận tiện, hiệu quả trong lập trình. Bài viết này chỉ chia sẻ những thứ cơ bản về việc sử dụng github, thực ra còn nhiều thứ hay ho và phức tạp về github và cả VS Code mà bài viết này không đề cập tới.

Cảm ơn các bạn đã đọc, hãy để lại góp ý cho mình nha!

Hits: 563

Leave a Reply