Tùy chỉnh mã VS của bạn

Visual Studio Code
Tùy chỉnh
Chủ đề soạn thảo mã
Tùy chỉnh mã VS của bạn cover image

Giới thiệu

Visual Studio Code (VS Code) là một trong những trình soạn thảo mã phổ biến nhất trong ngành công nghệ vì nó cung cấp các tính năng mạnh mẽ và thiết kế gọn nhẹ khiến nó trở thành trình soạn thảo mã được các nhà phát triển trên toàn thế giới lựa chọn. Sự phổ biến của nó một phần có thể là do vẻ ngoài có thể tùy chỉnh của nó, cho phép chúng ta tạo ra không gian mã hóa lạ mắt và bắt mắt. Trong bài viết này, chúng ta sẽ khám phá cách tùy chỉnh giao diện so với mã theo sở thích của bạn, bao gồm chủ đề trình chỉnh sửa mã, chủ đề biểu tượng và thay đổi màu thanh công cụ.

Chủ đề biểu tượng

Mặc dù các biểu tượng mặc định của Visual Studio Code đều ổn, nhưng tại sao lại giới hạn bản thân ở chúng khi bạn có thể thưởng thức một bữa tiệc thị giác? Bạn có thể thay đổi giao diện của trình khám phá tệp bằng các chủ đề biểu tượng, giúp cải thiện cả tính hấp dẫn trực quan và khả năng sử dụng của nó.

Một trong những lựa chọn phổ biến nhất của các nhà phát triển là tiện ích mở rộng Chủ đề Biểu tượng Vật liệu. Với tiện ích mở rộng này, trình khám phá tệp của bạn sẽ có bộ sưu tập các biểu tượng đầy màu sắc và được sắp xếp hợp lý, được mô phỏng theo Thiết kế Vật liệu của Google. Mỗi loại tệp đều có biểu tượng đặc biệt và có thể nhận dạng ngay lập tức, giúp không gian làm việc của bạn trông đẹp hơn về tổng thể.

Để cài đặt tiện ích mở rộng Chủ đề Biểu tượng Vật liệu, hãy làm theo các bước sau:

  1. Mở mã Visual Studio.

  2. Chuyển đến chế độ xem Tiện ích mở rộng bằng cách nhấp vào biểu tượng Tiện ích mở rộng trên thanh công cụ ở phía bên trái cửa sổ.

  3. Tìm kiếm "Chủ đề biểu tượng vật liệu" và nhấp vào cài đặt.

Sau khi cài đặt, nhấp vào biểu tượng bánh răng ở góc dưới bên trái và chọn "Chủ đề biểu tượng tệp" để chọn Chủ đề biểu tượng vật liệu.

Chủ đề soạn thảo mã

Bây giờ trình thám hiểm tệp của bạn đã ổn, hãy tập trung vào chính trình soạn thảo mã. Mặc dù các chủ đề sáng và tối mặc định của VS Code rất tuyệt vời nhưng đôi khi bạn muốn thứ gì đó cá nhân hóa và phong cách hơn một chút.

Một lựa chọn tốt làm chủ đề, đặc biệt đối với những người thích viết mã trong bóng tối, là tiện ích mở rộng chủ đề Night Owl. Night Owl, được tạo ra với mục đích tương phản và dễ đọc, có bảng màu êm dịu giúp giảm mỏi mắt trong các phiên mã hóa kéo dài.

Để cài đặt tiện ích mở rộng chủ đề Night Owl:

Điều hướng đến chế độ xem Tiện ích mở rộng.

Tìm kiếm "Night Owl" và nhấp vào cài đặt.

Sau khi cài đặt, chọn Night Owl làm chủ đề của bạn bằng cách mở Command Palette (Ctrl+Shift+P trên Windows/Linux, Cmd+Shift+P trên macOS), chọn "Color Theme" và chọn Night Owl từ danh sách các chủ đề đã cài đặt trong trình soạn thảo mã của bạn.

Màu thanh công cụ

Bây giờ, giao diện và cảm nhận của trình soạn thảo mã của bạn đã hoàn hảo, hãy tùy chỉnh màu thanh công cụ để phủ kem lên trên. Đây là lúc phần mở rộng của con công phát huy tác dụng.

Nhờ tiện ích mở rộng Peacock, bạn có thể tùy chỉnh không gian làm việc của mình bằng cách thay đổi màu của thanh công cụ ở bên cạnh trình chỉnh sửa mã. Điều này không chỉ mang tính thẩm mỹ mà còn nếu bạn mở nhiều phiên bản VS Code, nó còn có thể hỗ trợ bạn phân biệt giữa chúng.

Để cài đặt tiện ích mở rộng Peacock:

  1. Chuyển đến chế độ xem Tiện ích mở rộng.

  2. Tìm kiếm "Peacock" và nhấp vào cài đặt.

Sau khi cài đặt, bạn có thể tùy chỉnh màu thanh công cụ bằng cách mở bảng lệnh, tìm kiếm “Peacock: Nhập màu", sau đó đặt giá trị hex của màu bạn muốn đặt cho thanh công cụ so với mã của mình.

Phần kết luận

Tùy chỉnh mã Visual Studio không chỉ đơn thuần là thay đổi màu sắc. Bạn cũng cần tạo môi trường mã hóa phù hợp với phong cách của mình và tăng năng suất. Vì vậy, hãy thoải mái chơi đùa và tạo ra một khu vực mã hóa kích thích trí tưởng tượng của bạn về hình thức cũng như khám phá các tính năng thú vị khác của VS Code tuyệt vời. Chúc mừng mã hóa!


Career Services background pattern

Dịch vụ nghề nghiệp

Contact Section background image

Hãy giữ liên lạc

Code Labs Academy © 2024 Đã đăng ký Bản quyền.