如何在VSCode中将JSHint警告的红色下划线改为黄色？

Absolutely, you can customize the underline color for JSHint warnings in VS Code! Here's a straightforward step-by-step guide to make it happen:

1. Open VS Code Settings

   • Use the keyboard shortcut: Ctrl+, (Windows/Linux) or Cmd+, (Mac)
   • Or navigate via the top menu: File > Preferences > Settings

2. Edit Color Customizations in settings.json

   • In the Settings panel's search bar, type Editor: Color Customizations
   • Click the Edit in settings.json link below the setting description to open the configuration file

3. Add the JSHint Warning Color Rule

   • Inside the settings.json file, add the following code within the workbench.colorCustomizations object (create the object if it doesn’t exist):

     "workbench.colorCustomizations": {
         "jshint.warning": "#FFFF00" // Hex code for bright yellow; you can also use the keyword "yellow"
     }
     

   • This targets JSHint’s warning markers specifically, so other VS Code warnings won’t be affected. If you want to adjust the underline style further (like making it wavy), you can also tweak editorWarning.foreground, but the above line is the most direct fix for JSHint alone.

4. Save and Check the Result

   • Save the settings.json file with Ctrl+S (Windows/Linux) or Cmd+S (Mac)
   • Return to a file with JSHint warnings—you’ll now see yellow underlines instead of red ones!

Quick tip: Ensure your JSHint extension is up to date, as older versions might not support this color customization feature.

内容的提问来源于stack exchange，提问作者codemilan