Làm cách nào để bật tính năng đánh dấu thực thể HTML trong Mã VS?

Question

Trên trang UserVoice mã VS, there was a request để thêm đề xuất và đánh dấu cho các đối tượng HTML chẳng hạn như &. Microsoft đánh dấu điều này là hoàn chỉnh với một bình luận nêu rõ "Tính năng này được thực hiện trong Visual Studio 2013 cho tài liệu HTML và Razor." Tôi cho rằng điều đó có nghĩa là nó đã được thực hiện trong VS 2013, chứ không phải VS Code.

Giả sử đó là chính xác, làm cách nào tôi có thể thêm đánh dấu cho các mục này trong tài liệu HTML? Chúng dường như làm nổi bật đúng trong các tài liệu XML. Nhìn vào cú pháp/html.plist, có vẻ như nó sẽ được bắt thực thể HTML, vì vậy tôi sẽ giả định chủ đề sẽ tô màu chúng một cách thích hợp, nhưng tôi không thực sự hiểu làm thế nào bất kỳ của nó hoạt động trên phụ trợ.

Câu hỏi của tôi là:

1. VS Mã nên được làm nổi bật các mặt hàng này?

2. Nếu không, tôi có thể thay đổi tệp cú pháp HTML hoặc tệp chủ đề để làm điều đó không? Nếu vậy, tôi sẽ làm như thế nào?

Dưới đây là html.plist (đó là mặc định, vì nó được cài đặt):

<key>entities</key> 
     <dict> 
      <key>patterns</key> 
      <array> 
       <dict> 
        <key>captures</key> 
        <dict> 
         <key>1</key> 
         <dict> 
          <key>name</key> 
          <string>punctuation.definition.entity.html</string> 
         </dict> 
         <key>3</key> 
         <dict> 
          <key>name</key> 
          <string>punctuation.definition.entity.html</string> 
         </dict> 
        </dict> 
        <key>match</key> 
        <string>(&amp;)([a-zA-Z0-9]+|#[0-9]+|#x[0-9a-fA-F]+)(;)</string> 
        <key>name</key> 
        <string>constant.character.entity.html</string> 
       </dict> 
       <dict> 
        <key>match</key> 
        <string>&amp;</string> 
        <key>name</key> 
        <string>invalid.illegal.bad-ampersand.html</string> 
       </dict> 

--- EDIT ---

Dưới đây là một số ảnh chụp màn hình để làm rõ những gì tôi có ý nghĩa (cả chụp với cùng một chủ đề):

XML.plist trông khá giống với HTML.plist khi nói đến các thực thể này, nhưng tôi sẽ không thêm XML.plist vào câu hỏi dài này trừ khi ai đó không có bản sao của riêng họ và muốn tôi.

Answer 1

Đây là một yêu cầu tính năng cho VS Mã số: https://github.com/Microsoft/vscode/issues/784

Trả lời câu hỏi của bạn:

1. Yes.
2. Bạn có thể gửi Yêu cầu kéo cho dự án, vì vậy, mang lại lợi ích cho mọi người khác! Mã bạn muốn sửa đổi là here và here's how you can contribute.

Answer 2

Bạn có thể làm điều đó bằng các phần mở rộng

Bạn có thể thêm các tập tin theme TextMate mới (.tmTheme) để cài đặt VS Mã của bạn sử dụng máy phát điện gia hạn Yeoman VS Mã của, yo mã. Trình tạo mở rộng có một tệp chủ đề TextMate hiện có và đóng gói nó để sử dụng trong Mã VS.

ColorSublime có hàng trăm chủ đề TextMate hiện tại để chọn. Chọn chủ đề bạn thích và sao chép liên kết Tải xuống để sử dụng trong trình tạo Yeoman. Nó sẽ có định dạng như "http://colorsublime.com/theme/download/(number)". Trình tạo mã '' sẽ nhắc bạn nhập URL hoặc vị trí tệp của tệp .tmTheme, tên chủ đề và các thông tin khác có liên quan đến chủ đề.

Sao chép thư mục chủ đề đã tạo vào thư mục mới trong thư mục .vscode/extensions của bạn và khởi động lại Mã VS.

Mở chủ đề Bộ chọn chủ đề màu bằng Tệp> Tùy chọn> Chủ đề màu và bạn có thể xem chủ đề của mình trong trình đơn thả xuống. Mũi tên lên xuống để xem bản xem trước trực tiếp về chủ đề của bạn.

Bạn có thể tạo một chủ đề mình quá

Bạn cũng có thể tác giả chủ đề TextMate riêng bạn từ đầu. Tham khảo tài liệu về ngữ pháp và quy tắc đặt tên ngữ pháp của ngôn ngữ TextMate để biết chi tiết.

Bên cạnh các phạm vi tiêu chuẩn TextMate ngôn ngữ ngữ pháp, VS Mã cũng có cài đặt chủ đề tùy chỉnh mà bạn có thể sử dụng để điều chỉnh chủ đề của riêng bạn:

rangeHighlight: Màu nền của loạt đánh dấu, như bằng nhanh các tính năng mở và Find.

selectionHighlight: Màu nền của khu vực được đánh dấu trong khi chọn.

inactiveSelection: Màu nền của lựa chọn khi không lấy nét.

wordHighlight: Màu nền của biểu tượng trong khi đọc, chẳng hạn như đọc biến.

wordHighlightStrong: Màu nền của biểu tượng trong khi ghi, chẳng hạn như ghi vào biến.

findMatchHighlight: Màu nền của các khu vực phù hợp với tìm kiếm. currentFindMatchHighlight: Màu nền của khu vực hiện tại khớp với tìm kiếm.

findRangeHighlight: Màu nền của các vùng được chọn để tìm kiếm.

linkForeground: Màu của liên kết.

activeLinkForeground: Màu của liên kết đang hoạt động.

hoverHighlight: Màu nền khi được di chuột.

referenceHighlight: Màu nền của tham chiếu khi tìm tất cả các tham chiếu.

guide: Màu của hướng dẫn được hiển thị để biểu thị các mức lồng nhau.

Bạn có thể tìm thấy ví dụ về chủ đề mã VS ở đây bao gồm cài đặt tùy chỉnh.

Việc tạo chủ đề khá phức tạp vì tất cả các ngữ pháp đều khác nhau một chút. Hãy thử làm theo các quy ước của TextMate và tránh các quy tắc cụ thể về ngôn ngữ trong chủ đề của bạn vì ngữ pháp cũng có thể được thay thế bằng các phần mở rộng.