Issue #99  (Go to Definition from Return Statement)03/13/24

Advertisement
Never Miss an Incident with UptimeRobot

Writing code is one thing, but keeping an eye on everything and ensuring it’s working as expected is a whole different ball game.

UptimeRobot

Join the community of over 2 million users and set up uptime monitoring for your website, server, port, SSL certificates, domain, or response time, then sit back and relax. UptimeRobot will send you immediate alerts when your attention is needed.


As you might already know, VS Code allows you to navigate to the definition for any object in your code by right-clicking and choosing "Go to Definition". For example, you might have a method call somewhere and you want to jump back to where that method is defined.
 
Go to Definition in VS Code

As you can see in the screenshot, you can also do this by hitting the F12 key while your cursor is somewhere on the object you want to define.

Not too long ago, VS Code also added the ability to "Go to Definition" from a return keyword in JavaScript and TypeScript. In this case, the navigation will take you to the top of the function from which you're returning. This might help with longer functions or possibly functions that are nested and a little more difficult to determine where the 'top' is.
 
Using Go to Definition on Return Keyword in VS Code

That being said, you may also have noticed that VS Code recently made the Sticky Scroll feature the default setting. So with that enabled, hitting F12 on a return statement might not be as necessary since you can easily see the current function scope on the 'stickied' header portion of the code.
 
Sticky Scroll Setting is now default in VS Code

As shown above, the Sticky Scroll setting no longer shows the 'edited' indicator (the colored bar on the left of the setting) when it's enabled. But if you choose to disable Sticky Scroll, then it's good to know that the return keyword can be used to jump back to the top of the function if needed.

Now on to this week's hand-picked links!
 

VS Code Tools

Graphite for VS Code — VS Code extension for Graphite, the code review tool, adding features like drag-and-drop rebasing, visualize dependency graphs, and create new branches with the click of a button.

Stay Alert with UptimeRobot — Join a community of over 2 million users and set up uptime monitoring for your website, server, port, SSL certificates, domain or response time and sit back and relax. UptimeRobot will send you instant alerts when your attention is needed.   Sponsor 

Kolo — VS Code extension for Django developers, to debug your Django app 10x faster, get instant access to all the context you need, and ramp up quickly on unfamiliar code.

Iconbuddy — A VS Code extension that lets you browse 200,000+ open source SVG icons directly in your editor.


VS Code Theme of the Week

Palenight Theme — A Material-inspired theme described as "elegant and juicy" (odd choice of description!) that includes four variations. It's a very purple theme, which seems to be a popular color choice for IDE themes.

Palenight Theme for VS Code

It's a nice dark theme that includes bright syntax highlighting choices for decent contrast. Includes an "italic" version, if you prefer that in your themes, along with a "mild contrast" version.

VS Code Articles & Videos

Work Faster in VS Code Without Needing a Mouse — The post is specifically for those using programmable and "ortholinear" keyboards (e.g. the ZSA Voyager used by the author), but the suggestions apply to most other keyboards as well.

📺 VS Code Tips: Leverage the Outline View — A YouTube short from Zoran covering VS Code's Outline view, which has more to it than you may realize at first.

Using GitHub Copilot in VS Code — A Twitter/X thread from the official VS Code account with a summary of some of the newest features in GitHub Copilot.
 

Best of the Rest

IDEs and the Developer Workflow — Part of Stack Overflow’s Industry Guide to AI, this section deals with writing code and debugging in IDEs and how that relates to workflow.

GitHub Copilot in the CLI — An extension for GitHub CLI that provides a chat-like interface in the terminal to allow you to ask questions about the command line. Requires a GitHub Copilot subscription.

monday.com — Your team's efficiency, reimagined. Revolutionize your work management. Automate tasks, integrate seamlessly, and gain full visibility. Take every project to completion with ease. Try monday.com free today.   Sponsor 

CodeRev.app — A lightweight tool to help you organize and conduct technical interviews using code reviews rather than leetcode.

Suggestions?

If you have any link suggestions, including a tool, article, or other resources related to VS Code or another IDE, send it via DM on X: @LouisLazaris or just hit reply on this email.

That's it for this issue.

Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
Copyright © VSCode.Email. All rights reserved.

Not affiliated with Microsoft, Visual Studio Code, or any of its trademarks.