Làm cách nào để thay đổi màu của nhận xét trong mã studio trực quan?


Câu trả lời:


159

Từ ngày 1.15 (tháng 7 năm 2017), bạn có thể thay đổi nó từ settings.json Ctrl +,

"editor.tokenColorCustomizations": {
    "comments": "#d4922f"
},

Từ ngày 1.20 (tháng 1 năm 2018), bạn cũng có thể làm điều đó cho từng chủ đề riêng biệt:

"editor.tokenColorCustomizations": {
    "[Atom One Dark]": {
        "comments": "#d4922f"
    }
},

Tìm đúng phạm vi:

Nhà phát triển: Kiểm tra phạm vi TM editor.action.inspectTMScopes

demo lệnh kiểm tra tm

Mức độ ưu tiên của bộ chọn:

https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations#_textmate-themes



Ok, các ví dụ khác (cho js):

"editor.tokenColorCustomizations": {
    "textMateRules": [{
        "scope": "INSERT_SCOPE_HERE",
        "settings": {
            "foreground": "#ff0000"
        }
    }]
}

comment nhập mô tả hình ảnh ở đây punctuation.definition.comment nhập mô tả hình ảnh ở đây comment.block.documentation nhập mô tả hình ảnh ở đây storage.type.class.jsdoc nhập mô tả hình ảnh ở đây entity.name.type.instance.jsdoc nhập mô tả hình ảnh ở đây variable.other.jsdoc nhập mô tả hình ảnh ở đây


bất kỳ khả năng cho nền / tiền cảnh?
Johnny Derp


1
Có ai biết cài đặt cho // và / * trước văn bản nhận xét là gì không? Ngoài ra, cài đặt là gì cho "trước chuỗi?
Superdooperhero

Bạn có thể thử liên kết "tìm đúng phạm vi" từ câu trả lời.
Alex

1
Bất kỳ cách nào để thay đổi màu của phần bắt đầu và kết thúc của khối nhận xét. /***/chúng không thay đổi sau khi thiết lập màu chú thích. phần giữa đang thay đổi màu sắc.
andre de waard

24

Đi tới cài đặt của bạn. nhập mô tả hình ảnh ở đây

Sau đó, tìm kiếm settings.json nhập mô tả hình ảnh ở đây mở tệp và sau đó thêm dòng mã này:

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

thay đổi màu sắc của bình luận, dựa trên ý thích của bạn bằng cách di chuột qua màu và chọn màu mong muốn của bạn. nhập mô tả hình ảnh ở đây Sau đó lưu các thay đổi. (Ctrl + S) Thoát khỏi chương trình. mở lại, bạn sẽ thấy những thay đổi. nhập mô tả hình ảnh ở đây


6
Cảm ơn bạn về hình ảnh. Giúp điều hướng dễ dàng hơn nhiều.
Biarys

19

Để mở rộng câu trả lời và nhận xét của @Johnny Derp. Bạn có thể thay đổi màu và kiểu phông chữ bằng cách sử dụng:

"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#C69650",
        }
      }
    ]
  },

backgroundkhông thể thay đổi theo cách này, chỉ có màu sắc và kiểu dáng. Kể từ tháng 6 năm 2018.


Ngoài ra, để trả lời cho một số nhận xét về việc thay đổi màu sắc của các nhận xét puntuation(như //màu) - hiện phải được tô màu riêng biệt với quy tắc textmate của riêng chúng, một thay đổi có thể sắp sửa xảy ra trong bản phát hành tháng 10 năm 2019 - tại thời điểm này, nó là một vấn đề chưa được giải quyết nhưng đã được thêm vào cột mốc tháng 10 năm 2019. Xem https://github.com/microsoft/vscode/milestone/102


6

Có vẻ như hiện tại không thể tùy chỉnh màu mã thông báo trong cài đặt:

Màu trình soạn thảo nổi bật nhất là màu mã thông báo dựa trên ngữ pháp ngôn ngữ được cài đặt. Những màu này được xác định bởi Chủ đề màu và không thể tùy chỉnh (hiện tại) trong cài đặt.

Nguồn: https://code.visualstudio.com/docs/getstarted/theme-color-reference

Tôi nhận thấy rằng nếu bạn truy cập vào các thư mục chủ đề, ví dụ: C: \ Program Files (x86) \ Microsoft VS Code \ resources \ app \ extensions \ theme-monokai và chỉnh sửa tệp monokai-color-theme.json, hãy xem cho dòng có "tên": "Nhận xét" và thay đổi màu "nền trước" nó sẽ hoạt động. Chỉ cần đảm bảo khởi động lại chương trình.


5

Như Mark đã nói, nhưng hãy thêm vào "scope":sau"comment"

"markting.definition.comment"

tô màu cho cả dấu chấm câu,

ví dụ: ( //trong javescript | /* */trong css | <!-- -->trong html).

"scope": ["comment", "punctuation.definition.comment"]

2

Để thay đổi màu nhận xét Mã VS

Tệp -> Tùy chọn -> Cài đặt

Chọn tab "Cài đặt không gian làm việc" để chỉ thay đổi nó cho dự án này
Chọn tab "Cài đặt người dùng" để thay đổi nó cho tất cả các dự án

Thực hiện tìm kiếm "settings.json" và tìm tùy chọn để "Chỉnh sửa trong settings.json"

Chèn cài đặt màu này cho các nhận xét ở đâu đó bên trong dấu ngoặc nhọn:

  "editor.tokenColorCustomizations": {
    "comments": "# ff4"
  }

Nó có thể phàn nàn rằng bạn đang ghi đè chủ đề màu hiện tại của mình, hãy bỏ qua điều đó.

Nếu đã có một phần cho "editor.tokenColorCustomizations" thì chỉ cần thêm dòng để chỉ định màu nhận xét.


2

Bạn có thể sửa đổi mã VS của mình bằng cách chỉ cần chỉnh sửa tệp cài đặt của bạn trong mã VS và làm theo 3 bước sau.

bước 1: nhập mô tả hình ảnh ở đây

bước 2: nhập mô tả hình ảnh ở đây

Bước 3: nhập mô tả hình ảnh ở đây


0

Cài đặt Doc, Block và Line

Để có các màu khác nhau cho các nhận xét Tài liệu, Chặn và Dòng:

Nhận xét xem trước

"editor.tokenColorCustomizations": {
    "[Cobalt2]": {
        "textMateRules": [
            {
                "scope": [
                    "comment.block",
                    "punctuation.definition.comment.end",
                    "punctuation.definition.comment.begin"
                ],
                "settings": {
                    "foreground": "#85b3f8",
                    "fontStyle": "bold"
                }
            },
            {
                "scope": [
                    "comment.block.documentation",
                    "punctuation.definition.comment.begin.documentation",
                    "punctuation.definition.comment.end.documentation"
                ],
                "settings": {
                    "foreground": "#6bddb7",
                    "fontStyle": "bold"
                }
            },{
                "scope":["comment.line", "punctuation.definition.comment"],
                "settings": {
                    "foreground": "#FF0000",
                    "fontStyle": "bold"
                }
            }
        ]
    }
}

Đã thử nghiệm với C ++.


0

Trong khi bình luận về chủ đề bình luận, tôi thấy phần mở rộng "Nhận xét tốt hơn" của VS Code rất hữu ích. Bạn có thể cung cấp cho màu sắc khác nhau để bình luận của bạn và do đó phân loại ý kiến của bạn dựa trên tầm quan trọng, vv Mặc định comments màu cũng có thể được thay đổi. Https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
Ví dụ: Phần mở rộng này có thể được cấu hình trong User Settings hoặc cài đặt Workspace.
Mượn từ trang mở rộng

nhập mô tả hình ảnh ở đây

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.