Tips and Tricks

Customize Colors for Code Syntax Highlighting

C#, JavaScript, and ASP.NET MVC coding issues can be made more prominent by customizing code syntax colors.

The most common mistake that C# and JavaScript programmers make is missing braces. Another common mistake that ASP.NET MVC Razor programmers make is to not understand what executes on the server and what executes on the client. Both of these problems can be solved using more obvious code syntax highlighting.

The default color scheme is too subtle which makes it too hard to see matching braces and Razor syntax. Figure 1 shows an example -- why is the unit price of our product not being multiplied by 20 percent?

Uh-oh... Something Wrong Here
[Click on image for larger view.] Figure 1: Uh-oh... Something Wrong Here

Improve your coding experience with the following steps:

  1. On the Tools menu, choose Options.
  2. In the Environment section, click Fonts and Colors.
  3. In the Display items list, choose Brace Matching (Rectangle) and change the Item background to something bold such as Lime. (See Figure 2.)
  4. Change To Lime
    [Click on image for larger view.] Figure 2: Change To Lime
  5. In the Display items list, choose HTML Razor Code Background and change the Item background to something bold such as Yellow. (See Figure 3.)
  6. Change To Yellow
    [Click on image for larger view.] Figure 3: Change To Yellow
  7. Click OK

Now it's easy to see matching braces and Razor code, as shown in Figure 4.

Now, The Problem Is More Apparent
[Click on image for larger view.] Figure 4: Now, The Problem Is More Apparent

With the customized coloring of the syntactical elements, it's much quicker to spot why the formula isn't working. Now all you have to do is spot it and then fix it.

About the Author

Mark Price, MCT, MCSD, is a full-time trainer for UK-based Firebrand Training. He has more than 20 years of experience working in the IT and developer industry, including a two-year stint working at Microsoft. His expertise covers a number of Microsoft technologies (Azure, ASP.NET Web Forms and MVC, Web API, WCF, jQuery, C#, LINQ, Entity Framework, WPF, and Windows Store apps), HTML5, XAML, and Google developer technologies and the Google App Engine.

comments powered by Disqus

Featured

  • Hands On: New VS Code Insiders Build Creates Web Page from Image in Seconds

    New Vision support with GitHub Copilot in the latest Visual Studio Code Insiders build takes a user-supplied mockup image and creates a web page from it in seconds, handling all the HTML and CSS.

  • Naive Bayes Regression Using C#

    Dr. James McCaffrey from Microsoft Research presents a complete end-to-end demonstration of the naive Bayes regression technique, where the goal is to predict a single numeric value. Compared to other machine learning regression techniques, naive Bayes regression is usually less accurate, but is simple, easy to implement and customize, works on both large and small datasets, is highly interpretable, and doesn't require tuning any hyperparameters.

  • VS Code Copilot Previews New GPT-4o AI Code Completion Model

    The 4o upgrade includes additional training on more than 275,000 high-quality public repositories in over 30 popular programming languages, said Microsoft-owned GitHub, which created the original "AI pair programmer" years ago.

  • Microsoft's Rust Embrace Continues with Azure SDK Beta

    "Rust's strong type system and ownership model help prevent common programming errors such as null pointer dereferencing and buffer overflows, leading to more secure and stable code."

  • Xcode IDE from Microsoft Archrival Apple Gets Copilot AI

    Just after expanding the reach of its Copilot AI coding assistant to the open-source Eclipse IDE, Microsoft showcased how it's going even further, providing details about a preview version for the Xcode IDE from archrival Apple.

Subscribe on YouTube

Upcoming Training Events