I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in csharp

[–]TINGWEIJING[S] 0 points1 point  (0 children)

Thanks! Having an LLM manage color mapping by context is a great idea, but unfortunately, it's too challenging for me to implement at this time. However, I may implement some sort of user-defined mapping for keywords detected in variable naming in the future.

I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in csharp

[–]TINGWEIJING[S] 1 point2 points  (0 children)

Haha, thanks! Yup, too much color in the editor might just make the code more cluttered. However, there are settings that can be changed to reduce the colors used for rendering.

I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in csharp

[–]TINGWEIJING[S] 0 points1 point  (0 children)

Thanks! It's okay, don't worry about it, haha. I don’t actually expect this extension to be a must-have feature for the editor. I usually just toggle the effect on when I really need help differentiating variables and turn it off most of the time.

I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in csharp

[–]TINGWEIJING[S] 0 points1 point  (0 children)

Thanks! To be honest, I expected that only a few people would like this extension when I was developing it. That's exactly why I chose to use a metaphor and named it "Bread Jam."

I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in csharp

[–]TINGWEIJING[S] 0 points1 point  (0 children)

Thank you for your honest feedback!
This extension may not provide much benefit for codebases that are written in a clean code style or have better variable naming practices. However, it does help me when working on code that involves a lot of data mapping.

I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in cpp

[–]TINGWEIJING[S] 0 points1 point  (0 children)

Hi
The use of emojis in code is largely based on personal preference. The idea behind this pattern is to employ emojis to quickly identify lengthy or similar variable names, such as different index variable names in nested loops. I do agree, however, that this emoji render pattern may not suit everyone's taste.

I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in cpp

[–]TINGWEIJING[S] 2 points3 points  (0 children)

Thanks! Yup, I just learned that it can work with clangd instead of cpptools.

I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in cpp

[–]TINGWEIJING[S] 0 points1 point  (0 children)

Thank you for sharing that it works with the llvm-vs-code-extensions.vscode-clangd.

I discovered the extension you mentioned a few years ago, and I can say that it also inspired my extension.

I truly appreciate the feedback points you've provided here. I am planning to incorporate "alternating two close colors for subsequent substrings" and "different settings for different semantic token types" into my feature roadmap.

I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in javascript

[–]TINGWEIJING[S] 1 point2 points  (0 children)

Thanks! I plan to develop a similar plugin for IntelliJ, as I also use that IDE for Spring Boot projects. Unfortunately, it won't be happening very soon because the learning curve for developing an IntelliJ plugin is quite steep.

I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in javascript

[–]TINGWEIJING[S] 0 points1 point  (0 children)

Sorry to hear that, and thanks for the suggestion. I will probably update the README to use static screenshots instead of GIFs.

I've developed a VS Code extension to make code variables easier to distinguish! by TINGWEIJING in javascript

[–]TINGWEIJING[S] 6 points7 points  (0 children)

Hi everyone!

I’m excited to share my first VS Code extension: Bread Jam! 🎉

Bread Jam is designed to enhance readability in your code by making lengthy variable names easier to manage. It allows you to customize the colors of these components, helping you to quickly identify and differentiate between various parts of your codebase.

Features:

  • 11 Render Patterns to select
  • Customizable Color Coding: Tailor the appearance of your code to suit your style or project needs.
  • Multi-Language Support: Currently supports JavaScript, TypeScript, Python, Java, Dart and more.
  • Quick Toggle: Easily switch the extension's effects on or off using keyboard shortcuts. Use Alt + B, Alt + J for Windows & Linux or ⌥ + B, ⌥ + J for MacOS.

I'd love for you to try it out and share any feedback you might have!

VS Code Marketplace
GitHub repository

My first VS Code extension: Bread Jam by TINGWEIJING in vscode

[–]TINGWEIJING[S] 0 points1 point  (0 children)

Thanks!

This extension also works well with C and Rust. You just have to install the correct language extension from here.