Issue #15  (Code & Snippet Suggestions)08/03/22

If you're using VS Code's Intellisense to offer code suggestions and snippet suggestions, there are a few things you can do to customize how that all works.

Code suggestions are on by default, but you have the option to disable them or simply delay them from appearing. In your Settings UI type "quickSuggestions" in the search box. You'll see a setting with three options.

By default, Quick Suggestions are enabled for the "other" category and disabled for "comments" and "strings". This makes sense because you'll rarely want auto-suggestions for those latter two categories. So if you want to disable Quick Suggestions altogether, simply turn all three options to "off".

You also might prefer the Quick Suggestions to trigger after a certain interval. You'll notice the "Quick Suggestions Delay" setting that lets you add a delay in milliseconds.
 
By default, it's set to 10, which is pretty small. If you prefer the Quick Suggestions to appear instantly, you can set this to 0. But maybe you want a longer delay, so you can increase that value to whatever you're comfortable with.

And one last one I'll mention here is Tab Completion. If you search for "Tab Completion" in your Settings, you'll see an option to enable this.
 
It's off by default but you can enable it for everything or only for Snippets. With this on, you can simply hit your tab key when you start typing something and Intellisense will insert what it thinks is the "best matching" completion. This is a good one to have on since it will only take effect when you hit the tab key.

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

VS Code Tools

RapidAPI Client — A full-featured HTTP client that lets you test and describe the APIs you build or consume, and makes composing requests, inspecting responses, generating code, and types for application development simple and intuitive.

VSCodeVim — A Vim emulator for VS Code that includes a whole slew of customizations to VS Code that makes it behave like Vim.

Import Cost — A VS Code extension that displays inline in your editor the size of an imported package. It utilizes webpack to detect the imported size.

React Native Tools — A VS Code extension that provides a development environment for React Native projects, to debug your code and quickly run react-native commands from the command palette.

VS Code Articles

Top 4 VS Code Editing Tricks — Some quick tips from Archit Sharma that you might find useful. The copy/paste one is a good one to know!

Java on Visual Studio Code Furthers Big Spring Boot Push — Some relevant updates for those building projects with Spring Boot, a Java toolset, in VS Code.

The Best TypeScript IDEs — A post from late last year, not specifically about VS Code along, but it discusses both VS Code and Visual Studio.

We Found the Best JavaScript Newsletter — Bytes is probably the funniest web dev newsletter you'll ever read. If you like this newsletter, I've got a feeling you'll love Bytes too. There's a reason 100k developers read it every week.   Sponsor 

The Alternatives

Vim 9.0 Released — If you're a Vim user, you'll want to check out this post from the Vim website on the latest major release, the first since December 2019.

GitHub Copilot is Generally Available to All Developers — Official pricing is $10 USD/month or $100 USD/year and free for verified students and maintainers of popular open source projects.

Create JavaScript Courses Inside WebStorm with EduTools — From the JetBrains WebStorm blog, a comprehensive post on building interactive learning material for teaching JavaScript.

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