đồng bộ thiết lập trên VSCode với extension Settings Sync WDI Blog

Đồng bộ thiết lập trên VSCode với extension Settings Sync6 phút đọc

Visual Studio Code (VSCode) đang là trình soạn thảo code có số lượng lập trình viên sử dụng lớn nhất trên thế giới với nhiều tính năng tuyệt vời.Trong những bài viết trước mình có chia sẻ đến các bạn cách sử dụng trình soạn thảo này và giới thiệu cho các bạn những extension hữu ích nhất mà mình đang sử dụng.

Và có một extension cực kì hay nhưng đòi hỏi thiết lập rất phức tạp đó là extension Settings Sync.Extension này sẽ giúp bạn đồng bộ hóa những thiết lập trên VSCode trên nhiều máy chỉ trong tíc tắc.Việc này vô cùng cần thiết khi làm việc một nhóm nhiều thành viên.

Bài viết ngày hôm nay mình sẽ hướng dẫn các bạn đồng bộ thiết lập trên VSCode với extension Settings Sync.Do thiết lập khá phức tạp nên mình sẽ cố gắng đưa vào nhiều hình ảnh nhất có thể để bạn tiện theo dõi.Nếu bạn đã sẵn sàng rồi thì chúng mình cùng tìm hiểu nhé.

Yêu cầu khi đồng bộ thiết lập trên VSCode

Để có thể tiến hành đồng bộ thiết lập trên VSCode sử dụng extension Settings Sync thì đầu tiên chắc chắn là bạn phải sử dụng trình soạn thảo code VSCode.Tiếp theo là bạn phải cài đặt extension Settings Sync và kích hoạt sử dụng nó.

Một điều kiện quan trọng nữa là bạn cần có tài khoản Github để kết nối với extension Settings Sync.Lý do cần đến tài khoản Github là vì toàn bộ thiết lập của bạn sẽ được sao lưu tại đó và khi đồng bộ trên máy khác thì chỉ cần tải bản sao lưu này từ Github về là xong.

Việc cài đặt extension trên VSCode mình đã có viết trong một bài viết khác, bạn có thể tham khảo bài viết đó qua link dưới đây.Còn việc lập tài khoản Github rất đơn giản nên bạn có thể tự tìm hiểu trên mạng để biết thêm chi tiết.

Các bước đồng bộ thiết lập trên VSCode

Bước 1 : Tạo Token

Bước đầu tiên bạn cần làm đó là tạo Token trên tài khoản Github của bạn.

đồng bộ thiết lập trên VSCode với extension Settings Sync 01 Bạn hãy truy cập vào tài khoản Github sau đó từ menu ở góc trên cùng bên phải bạn hãy nhấn chọn “Settings“.

đồng bộ thiết lập trên VSCode với extension Settings Sync 02

Ở màn hình tiếp theo sau khi nhấn vào menu Settings bạn hãy nhấn tiếp vào menu “Developer settings” như ở hình trên.

đồng bộ thiết lập trên VSCode với extension Settings Sync 03

Bạn sẽ được chuyển đến màn hình tạo Token.Lúc này bạn nhấn vào menu “Personal access tokens” và phía trên bên phải bạn nhấn tiếp vào nút “Generate new token“.

đồng bộ thiết lập trên VSCode với extension Settings Sync 04

Một danh sách các lựa chọn hiện ra để bạn lựa chọn các thiết lập cần thiết cho Token.Trong ô input “Note” bạn có thể nhập bất cứ đoạn text nào miễn là bạn hiểu và dễ phân biệt với những Token khác.

đồng bộ thiết lập trên VSCode với extension Settings Sync 05

Giờ đến phần quan trọng.Ở những lựa chọn bên dưới bạn chỉ tích vào lựa chọn có dòng chữ “gist“, sau đó nhấn vào nút “Generate token” để tạo token.

đồng bộ thiết lập trên VSCode với extension Settings Sync 06

Token của bạn sẽ được tạo ra ngay sau đó dưới dạng một đoạn mã số dài.Sau này chúng ta sẽ dùng đến đoạn mã này nên bạn hãy lưu nó lại ở phần mềm ghi chú bất kì nào đó.

Bước 2 : Tạo gists

Bước tiếp theo để đồng bộ thiết lập trên VSCode sử dụng extension Settings Sync đó là tạo gists.

đồng bộ thiết lập trên VSCode với extension Settings Sync 07

Tương tự như tạo Token, trong menu phía trên cùng bên phải bạn hãy nhấn vào “Your gists“.

đồng bộ thiết lập trên VSCode với extension Settings Sync 08

Màn hình tiếp theo sẽ có dòng chữ “Create a gists“, bạn nhấn vào đó để chuyển đến màn hình tạo gists.

đồng bộ thiết lập trên VSCode với extension Settings Sync 09

  • (1) –> nhập tên cho gists
  • (2) –> nhập bất kí tự nào cũng ok
  • (3) –> nhấn nút “Create secret gists

Xong bước này bạn hãy nhìn lên đường link trong thanh địa chỉ trên trình duyệt của bạn xem.Cuối đường link của bạn bây giờ là một mã khá dài.Đây là đoạn mã ID của gists, bạn hãy lưu nó lại vì sắp tới chúng ta sẽ dùng đến nó.

Link tham khảo : “https://gist.github.com/webdesign-ideas/087982f34b8634740jl80c8fk6c0d52a

Bước 3 : Thiết lập settings của extension Settings Sync

đồng bộ thiết lập trên VSCode với extension Settings Sync 10

Để truy cập vào menu settings của VSCode bạn hãy nhấn tổ hợp phím Shift + Command + P (Mac) / Shift + Ctrl + P (Window) hoặc từ menu trên trên cùng của VSCode bạn nhấn View rồi chọn tiếp “Command Palette

Bạn nhập vào đó Sync là ngay lập tức các menu settings của extension Settings Sync sẽ hiện ra để bạn lựa chọn.

đồng bộ thiết lập trên VSCode với extension Settings Sync 11

Trong menu tiếp theo bạn chọn “Sync : Open Settings” để mở màn hình giao diện settings của extension Settings Sync.

đồng bộ thiết lập trên VSCode với extension Settings Sync 12

Giao diện settings của extension Settings Sync sẽ trông như hình ảnh trên đây.Bạn hãy nhập Gist IDAccess Token là hai dãy mã mà bạn đã lưu ở hai bước trên.Sau đó nhấn chuột vào  bất kì vị trí nào trên màn hình để phần mềm tự động lưu lại thiết lập cho bạn.

Bước 4 : Thử upload settings lên trên Github

  • Upload Key : Shift + Alt + U (Window) / Shift + Option + U (Mac)
  • Download Key : Shift + Alt + D (Window) / Shift + Option + D (Mac)

Để upload toàn bộ settings của VSCode hiện tại lên trên Github bạn hãy nhấn tổ hợp phím tắt “Upload Key” như trên.Và khi muốn đồng bộ settings trên Github về máy thì bạn hãy nhấn tổ hợp phím “Download Key” như trên.

đồng bộ thiết lập trên VSCode với extension Settings Sync 13

Trên đây là kết quả hiển thị trong phần OUTPUT của Panel khi mình nhấn tổ hợp phím “Upload Key” để upload toàn bộ settings VSCode lên trên Github.

đồng bộ thiết lập trên VSCode với extension Settings Sync 14

Hình ảnh trên đây là kết quả trong gists sau khi mình đã upload toàn bộ settings của VSCode lên trên Github.

Bước 5 : Thử đồng bộ thiết lập trên VSCode với máy khác

Trên một máy tính khác bạn hãy cài đặt VSCode và extension Settings Sync.Sau đó cũng nhập Gist IDAccess Token rồi tiến hành nhấn tổ hợp phím Download Key để tải toàn bộ settings có trên Github về máy và đồng bộ hóa.

Nếu như dùng tổ hợp phím tắt mà không có tác dụng thì bạn hãy làm lại bước 3 và từ menu bạn chọn “Sync : Download Settings” nhé.

Kết luận

Đồng bộ thiết lập trên VSCode cho nhiều máy tính khác nhau là một chức năng quá tuyệt vời của extension Settings Sync.Nó sẽ giúp tiết kiệm được rất nhiều thời gian thiết lập thủ công nếu bạn làm việc nhóm nhiều người.

Thiết lập của nó tuy khó nhưng mình tin là sau khi đọc xong bài viết này bạn sẽ thực hiện thành công.Chúc bạn may mắn và luôn thành công trong công việc sắp tới.

Bài viết trước 

Bài viết sau

 

Nếu bạn thấy bài viết này hay và có ích thì bạn có thể ủng hộ blog của mình bằng một trong số những cách sau để mình có thêm động lực xuất bản nhiều bài viết mới chất lượng hơn nữa.

Chia sẻ bài viết này lên mạng xã hội qua các nút bên dưới đây.
Thả tim ở ngay cuối cùng bài viết này.
Đăng kí nhận thông báo bài viết mới bằng cách nhấn vào chuông đỏ góc dưới cùng bên trái.
Đánh giá chất lượng bài viết bằng sao ở trên cùng bài viết này.

Tìm kiếm bài viết trên blog với Google Search :

Bài viết có thể bạn sẽ thích

guest
0 Comments
Inline Feedbacks
View all comments
0
Hãy cùng thảo luận về bài viếtx
()
x