Visual Studio Code biến việc chỉnh sửa và viết mã mới thành một trải nghiệm thú vị và dễ dàng. Chủ đề tối mặc định của VS Code được thiết kế để dễ nhìn hơn so với nền trắng, chói chang thông thường có thể gây mệt mỏi sau nhiều giờ làm việc. Nhưng nếu bạn không thực sự thích màu tối trên màn hình khi làm việc thì sao?
Lợi ích của thiết kế mô-đun của VS Code là bạn có rất nhiều quyền tự do trong việc thay đổi chủ đề tối ban đầu với nhiều tùy chọn tùy chỉnh khác nhau trải dài gam màu màn hình, phông chữ và thậm chí cả giao diện của chính thiết bị đầu cuối tích hợp của VS Code.
Bài viết này sẽ cho bạn biết tất cả những gì bạn cần biết về việc thay đổi chủ đề trong VS Code.
Cách thay đổi chủ đề trong VS Code
Thay đổi chủ đề tổng thể trong VS Code rất nhanh chóng và dễ dàng. Đây là những gì bạn cần làm:
- Mở mã VS.
- Chọn “Tệp” (“Mã” trên macOS), chọn “Tùy chọn”, sau đó chọn “Chủ đề màu”.
- VS Code sẽ hiển thị cho bạn một loạt các chủ đề được tạo sẵn để bạn lựa chọn trong menu thả xuống.
- Sử dụng các phím con trỏ của bạn để xem trước giao diện của từng chủ đề trực tiếp trên màn hình.
- Nhấn “Enter” trong khi chọn để chọn chủ đề đó để sử dụng.
Thay đổi chủ đề thành một chủ đề khác được định cấu hình trước có thể là điều đầu tiên bạn làm khi mở VS Code lần đầu tiên. Việc viết mã có thể mất rất nhiều thời gian, vì vậy sẽ có lợi khi sử dụng một chủ đề mà bạn cảm thấy thoải mái và không gây hại cho mắt của bạn khi làm việc.
Cách thay đổi chủ đề thiết bị đầu cuối của bạn trong mã VS
Nếu bạn muốn tuân theo một số tùy chọn được định cấu hình trước cho màu sắc và chủ đề của thiết bị đầu cuối, thì quá trình này cũng giống như thay đổi chủ đề tổng thể. Tất cả các chủ đề được tích hợp đều bao gồm các tùy chọn để thay đổi giao diện của thiết bị đầu cuối, nhưng bạn không thể tách nó khỏi các phần khác của chủ đề từ menu chính.
Trước khi sử dụng các bước nói trên để thay đổi chủ đề, hãy mở bảng điều khiển đầu cuối (Ctrl + Shift + P) để xem trước các thay đổi được thực hiện đối với thiết bị đầu cuối. Một số chủ đề không thực hiện bất kỳ thay đổi nào đối với thiết bị đầu cuối, trong khi những chủ đề khác có thể thay đổi nó một cách đáng kể. Ngoài ra, việc sử dụng một chủ đề bạn thích chỉ ở mức vừa phải cũng không tốt, vì bạn có thể thấy mình đang sử dụng thiết bị đầu cuối nhiều hơn bạn nghĩ ban đầu.
Tuy nhiên, có một số cách giải quyết sẽ cho phép bạn thay đổi chủ đề thiết bị đầu cuối mà chúng tôi sẽ trình bày trong các phần bên dưới.
Cách thay đổi chủ đề Material trong VS Code
Tính năng chính của VS Code là có quá nhiều tiện ích mở rộng thú vị để tùy chỉnh trải nghiệm viết mã của bạn và mang lại nhiều chức năng hơn cho trình soạn thảo văn bản. Một trong những phần mở rộng như vậy là Chủ đề Material, một trong những phần mở rộng phổ biến nhất của loại hình này trên Thị trường mã VS.
Chủ đề Material có rất nhiều lợi ích so với các thiết kế được tùy chỉnh trước, nhưng một số người dùng có thể thấy thiếu nó. Hướng dẫn sử dụng cho tiện ích mở rộng này bao gồm một số mẹo về cách thực hiện các thay đổi khác để phù hợp với nhu cầu của bạn. Dưới đây là cách thay đổi chủ đề tổng thể trong Chủ đề Vật liệu:
- Mở menu nhanh (Ctrl + Shift + P).
- Nhập "chủ đề" vào lời nhắc.
- Chọn “Tùy chọn: Chủ đề Màu sắc”.
- Chọn một trong các cài đặt trước của Chủ đề Vật liệu.
Đặt màu nhấn sẽ làm cho một phần của mã bật lên, điều này có thể hữu ích nếu đó là dòng đặc biệt quan trọng hoặc rắc rối để chẩn đoán. Để đặt màu nhấn, hãy làm theo các bước sau:
- Mở menu nhanh (Ctrl + Shift + P).
- Nhập "chủ đề material" trong lời nhắc.
- Chọn “Chủ đề vật liệu: Đặt màu nhấn.”
- Chọn màu bạn thích từ danh sách.
Với Chủ đề Vật liệu đã thay đổi, bạn có thể có được khả năng tùy chỉnh cao hơn tiêu chuẩn và chúng tôi sẽ hướng dẫn bạn cách thực hiện.
Cách tùy chỉnh thủ công một chủ đề trong VS Code
VS Code cho phép nhiều tùy chỉnh hơn là chỉ thay đổi giữa một vài cài đặt trước. Đây là hai cách để bạn có thể tùy chỉnh theme theo ý thích của mình.
Phương pháp 1 - Tải xuống chủ đề tùy chỉnh
Khi nói về khả năng tùy chỉnh, chúng ta không thể không nhắc đến Thị trường mã VS mở rộng. Có nhiều phần mở rộng khác nhau chỉ thay đổi giao diện của VS Code mà không ảnh hưởng đến chức năng của nó. Dưới đây là cách tải xuống chủ đề.
- Mở Thị trường mã VS. Bạn cũng có thể sử dụng menu “Tiện ích mở rộng” tích hợp ở bên trái màn hình.
- Nhập “chủ đề” vào thanh tìm kiếm để chỉ duyệt những mục thay đổi chủ đề. Một trong những đề xuất hàng đầu của chúng tôi là Chủ đề Material được đề cập ở trên, nhưng chúng tôi chắc chắn rằng bạn có thể tìm thấy một chủ đề phù hợp nhất với mình.
- Tải xuống tiện ích mở rộng (nếu sử dụng trình duyệt), sau đó cài đặt tệp .VSIX bằng cách đi tới “Tiện ích mở rộng> biểu tượng dấu chấm lửng> Cài đặt từ VSIX.” Ngoài ra, khi bạn tìm thấy chủ đề bạn thích trong VS Code, hãy nhấp vào chủ đề đó, sau đó chọn nút “Cài đặt” trên menu chi tiết (bên phải).
- Sau khi chủ đề được cài đặt và kích hoạt, hãy chọn chủ đề đó bằng lệnh “Preferences: Color Theme”.
Phương pháp 2 - Chỉnh sửa chủ đề
Tất cả các chủ đề và cài đặt được lưu trữ trong VS Code bằng cách sử dụng bản rõ. Làm theo các bước để truy cập các cài đặt này và thực hiện các thay đổi bạn muốn:
- Tạo bàn làm việc hoặc tệp cài đặt người dùng. Cái trước sẽ chỉ thay đổi diện mạo của dự án hiện tại, nhưng cái sau sẽ vẫn tồn tại trên các dự án mới.
- Nhập lệnh “Preferences: Open Settings” trong menu chính.
- Chọn tab ở trên cùng bên trái để chọn giữa cài đặt người dùng và bàn làm việc.
- Nhấn vào “Chỉnh sửa trong settings.json” để mở tệp có chứa các cài đặt bạn cần thay đổi.
- Tìm cài đặt có tên “workbench.colorCustomizations.”
- Tập trung vào việc thay đổi chủ đề bạn muốn bằng cách đưa vào
"[Tên chủ đề]": { }
Theme_name là tên của chủ đề bạn muốn thay đổi. Giữ các dấu ngoặc kép.
- Các thay đổi khác đối với chủ đề được thực hiện trong dấu ngoặc mới. Nhập tên của tham số bạn muốn thay đổi (trong dấu ngoặc kép), nhập ‘:’ rồi chọn cài đặt thích hợp mà bạn cần.
- Sử dụng hướng dẫn này để tìm các thông số bạn muốn thay đổi.
- Màu sắc được lưu trữ trong mã thập lục phân. Sử dụng hướng dẫn hệ thập lục phân màu để xác định màu bạn muốn.
- Khi bạn thực hiện xong các thay đổi, hãy lưu tệp.
Phương pháp này có thể được sử dụng để thay đổi hầu hết giao diện người dùng và giao diện mã, bao gồm màu chủ đề cơ sở, nền, giao diện đầu cuối, màu nút và kiểu phông chữ.
Nếu bạn đang tự hỏi làm thế nào để thay đổi phông chữ trong mã VS, hãy sử dụng phương pháp 2 được nêu ở trên. Có thể bạn sẽ cần một hướng dẫn phông chữ.
Câu hỏi thường gặp bổ sung
Chủ đề mã VS được lưu trữ ở đâu?
Các chủ đề đến từ các phần mở rộng được lưu trữ trong thư mục phần mở rộng của VS Code. Vị trí này nằm trong thư mục cài đặt của bạn (ví dụ C :) và thường có thể được tìm thấy ở đây:
~ / .vscode / phần mở rộng
Ở đây, “~” là thư mục cài đặt cho VS Code.
Các chủ đề cơ sở được lưu trữ trong: Microsoft VS Code \ resources \ app \ extensions \ theme-defaults \ themes
Tuy nhiên, bạn không cần phải mất thời gian tìm kiếm các tệp để thay đổi. Thay đổi cài đặt người dùng qua tệp “settings.json” sẽ mang lại kết quả nhanh hơn nhiều.
Làm cách nào để thay đổi màu nhận xét trong mã VS?
Để thay đổi màu sắc nhận xét, hãy mở tệp “settings.json” (sử dụng “Phương pháp 2” được nêu ở trên), chọn chủ đề bạn muốn thay đổi, sau đó nhập (kèm theo dấu ngoặc kép):
“Nhận xét”: “#hexcode”
Ở đây, "hexcode" là mã cho màu mong muốn. Sử dụng bảng chọn màu để chọn một màu thích hợp.
Chủ đề tốt nhất trong VS Code là gì?
Chủ đề VS Code tốt nhất là chủ đề bạn thấy hài lòng và hữu ích nhất cho những nỗ lực lập trình của bạn. Những người dùng khác nhau có thể có các tùy chọn màu sắc và chủ đề riêng biệt. Rất may, có rất nhiều tùy chọn để lựa chọn, cho dù trong các chủ đề được định cấu hình trước, tải xuống tiện ích mở rộng hoặc trong khả năng tùy chỉnh chủ đề chính xác theo ý thích của bạn.
Chọn chủ đề của bạn
Với những hướng dẫn này, bạn hoàn toàn có thể tùy chỉnh một chủ đề như ý muốn. Với vô số lựa chọn, VS Code vẫn là một trong những trình soạn thảo văn bản phổ biến nhất và khả năng đạt được các tính năng mới với các tiện ích mở rộng khiến nó rất giống với IDE.
Bạn sử dụng những chủ đề nào trong VS Code? Bạn đã thực hiện bất kỳ thay đổi nào đối với chủ đề ưa thích của mình chưa? Cho chúng tôi biết trong phần ý kiến dưới đây.
