[Tutorial] Hướng dẫn tích hợp Visual Studio với Github

[Tutorial] Hướng dẫn tích hợp Visual Studio với Github

Trước đây, để quản lý source code, ta thường sử dụng SVN, host toàn bộ source code trên google code. Trong vòng nhiều năm gần đây, Git đang trở thành 1 xu thế mới, thay thế dần cho SVN. Hầu như các thư viện javascript, css nổi tiếng hiện giờ đều đặt đại bản doanh trên github. Google Code sẽ đóng cửa vào năm sau, vì vậy hầu như các project mới bây giờ đều được host trên Github. Mình viết bài này nhằm hướng dẫn các bạn dùng Visual Studio có thể lấy code, submit code lên github dễ hàng với Visual Studio nhé.

Phiên bản VS hỗ trợ Github là bản VS 2012, 2013 và bản 2015 mới nhất.

Đầu tiên, bạn cần vào Tool -> Options -> Source Version Control, chọn Microsft Git Provider.

1

Bài viết sẽ hướng dẫn các bước cơ bản để làm việc với git:

  1. Tạo 1 project mới trên github.
  2. Lấy code của 1 project trên github về máy.
  3. Sửa code, update và commit (Pull và push trong Git).

Bước 1: Tạo 1 project C# mới, ở đây mình tạo Console cho nhẹ, nhớ bỏ dòng Add to Source Control nhé.

2

Sau khi tạo 1 project mới, mình sẽ add thêm thư viện Newtonsoft.JSON. Các bạn hãy dùng Nuget để tải thư viện. Nếu ta add thư viện dưới dạng file, khi commit code lên git sẽ khá nặng. Khi dùng Nuget, mọi thư viện tải về sẽ được nuget quản lý, ta không cần commit các file thư viện lên. Khi người khác tải về và build, Nuget sẽ tự tải thư viện cần thiết.

3

Nhớ bấm chuột phải vào Solution, chọn "Enable Nuget package restore" và chọn Yes nhé:

4

Project giờ đã hoàn thành, ta bấm chuột phải vào solution, chọn "Add Solution to Source Control", chọn "Git" và bấm OK. Ta sẽ thấy dấu + hiện lên bên trái các file, đánh dấu đây là file mới. Ta bấm qua Tab "Team Explorer", bấm Change để xem danh sách các file.

56

Chuột phải vào thư mục packages, bấm Exclude để loại bỏ thư mục đó ra, sau đó điền comment và commit code nhé.

7 8 9

Ta đã commit code thành công, nhưng đây chỉ là local repository, tức là repository trên máy bạn mà thôi.

Tiếp theo, chúng ta sẽ tạo 1 repository trên github để commit code lên. Ta lên github.com, tạo 1 git mới, nhớ tuyệt đối không đánh vào ô "Initialize readme.md", làm vậy bạn sẽ không commit được đâu. Bạn sẽ thấy project mới được tạo.

10 11

Hãy copy cái đống https://github.com…; .Đó là đường link dẫn tới repository github của bạn. Quay lại Visual Studio, bấn nút "Sync" màu xanh xanh ấy. Dán đường dẫn github bạn đã copy vào, bấm Publish, code sẽ được đồng bộ từ local repository lên repository trên github.

13 14

Kết quả:

1 2

Bước 2: Cách lấy code từ github về local.

Sau khi đã đưa code lên github, bạn copy link HTTPS clone URL (góc dưới bên phải), gửi cho bạn bè.

Các bạn bật Visual Studio lên, mở lại tab Team Explorer, bấm vào hình các phích cắm (Connect to team projects). Chọn clone, sau đó dán url vào:

3

Sau khi đã lấy code về, nhấp vào project GitExample, sau đó nhấp vào file GitSample.sln để mở project.

4 5

Tiến hành build, ta thấy Nuget sẽ tự động tải packages Newtonsoft.JSON về.

6

Bước 3: Chỉnh sửa code, commit lại code trên github.

Quy trình làm việc với github như sau:

  1. Chỉnh sửa code trên máy với Visual Studio.
  2. Commit code đã sửa vào local repository.
  3. Đồng bộ giữa local repository và github repository.

Mình sẽ chỉnh 1 chút code trong file Program.cs. File có màu đỏ đánh dấu đã chỉnh rồi.

7

Bấm qua Tab "Team Explorer", bấm vào Change. Nhập comment vào rồi Commit. Commit rất nhanh (Chưa tới 1s), vì ta chỉ commit trên local.

89

Bấm Sync để đồng bộ dữ liệu lên github. Visual Studio sẽ hỏi username và password github của bạn. Nhớ kêu bạn bè add vào project thì mới commit code được nhé. Kết quả cuối cùng:

10

Vì Visual Studio hướng tới sự đơn giản, dễ sử dụng nên nó không có command line. Nếu muốn sử dụng Git Command Line, các bạn hãy tải thêm plug-in cho VS. Bài viết tới đây là kết thúc, mong rằng nó sẽ có ích cho công việc của các bạn.

**Bản gốc: Blog tôi đi code dạo

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Huy Hoàng Phạm

54 bài viết.
837 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
71 7
SOLID là gì – Áp dụng các nguyên lý SOLID để trở thành lập trình viên code “cứng” Trong quá trình học, hầu như các bạn sinh viên đều được học một s...
Huy Hoàng Phạm viết hơn 2 năm trước
71 7
White
56 7
Nhập đề Kinh thư ghi lại rằng, con đường tu chân có 3 cảnh giới: Luyện khí, Trúc cơ và Kết đan. Luyện khí là quá trình rèn thân luyện thể, cho phà...
Huy Hoàng Phạm viết gần 2 năm trước
56 7
White
49 21
Luận về comment code (Phong cách kiếm hiệp) Comment code luôn là vấn đề gây tranh cãi sứt đầu mẻ trán trong giới võ lâm. Xưa kia, thuở còn mài đít...
Huy Hoàng Phạm viết hơn 2 năm trước
49 21
Bài viết liên quan
White
15 2
Trờ lại trong một bài viết mới, tạm gác lại những series để viết về những câu chuyện bên lề xoay quanh cuộc đời coding, hôm nay tôi sẽ chia sẻ với ...
Hoàng Nguyễn viết 1 năm trước
15 2
White
8 0
Khi có một pull request trên Github mà tôi muốn lấy về thử xem sao thì Github có hướng dẫn là: bash $ git fetch origin pull/ID/head:BRANCHNAME $...
Neo viết hơn 2 năm trước
8 0
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
54 bài viết.
837 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!