Làm nổi bật dấu ngoặc đơn tùy chỉnh trong Visual Studio Code

Question

Có thể tùy chỉnh dấu ngoặc nhọn trong Visual Studio Code không? Có vẻ như mọi thứ khác đều có thể tùy chỉnh thông qua cài đặt người dùng và không gian làm việc, cũng như các chủ đề của bạn. Bất kể cú pháp tô sáng bạn sử dụng là gì, các niềng răng luôn có viền/hình chữ nhật màu xám nhạt xung quanh chúng. Tôi không thấy cài đặt người dùng/không gian làm việc hiện tại hoặc phạm vi của một đối tượng địa chỉ có tính năng cụ thể này.

Cuối cùng, tôi muốn có một điểm nhấn màu của phù hợp với niềng răng, tương tự như những gì bạn sẽ nhận được với các chủ đề tối mặc định trong Visual Studio 2013 và 2015.

Answer 1

Bạn có thể thay đổi giằng màu nổi bật ở đây:

Tools -> Options -> Môi trường -> Font và màu sắc

• Brace Matching (Highlight)

và cho điểm nhấn hình chữ nhật:

• Brace Matching (Rectangle)

Answer 2

Để tham khảo trong tương lai, vscode hiện có tùy chọn để thay đổi màu sắc của khung làm nổi bật bằng cách thêm này để settings.json:

"workbench.colorCustomizations" : { 
     "editorBracketMatch.background": "#f008", 
     "editorBracketMatch.border": "#f00" 
} 

định dạng được hỗ trợ là #RGB, #RGBA, #RRGGBB, #RRGGBBAA. Định dạng rgba(255,255,255,1) dường như hoạt động ở các vị trí khác trong tệp cài đặt dường như không hoạt động ở đây.

Tính năng duy nhất vẫn còn thiếu liên quan đến chủ đề này là làm nổi bật khung khi con trỏ nằm giữa các dấu ngoặc vuông. Chúng chỉ làm nổi bật khi một trong các dấu ngoặc được chọn. Tôi không tìm thấy giải pháp hiện tại đang tìm kiếm máng Cài đặt hoặc workbench.colorCustomizations.

Answer 3

Làm nổi bật và thay đổi màu sắc của dấu ngoặc đơn trong Mã VS hiện có thể thực hiện được.

Bạn có thể thử mở rộng này Subtle Brackets bằng cách thay đổi các giá trị mặc định sau đây trong các thiết lập .json của VS Mã số:

tôi đã thay đổi nó như thế này:

"subtleBrackets.bracketPairs": [ 
    "{}", 
    "[]", 
    "()", 
    "<>" 
], 
"subtleBrackets.styles": { 
    "global": { 
     "color": "yellow", 
     "borderWidth": "1px", 
     "borderStyle": "none none solid none" 
    } 
} 

Đừng quên thiết lập để "false" giá trị của .matchbrackets của VS Code.

"editor.matchBrackets": false