Skip to main content

Wasp LSP 2.0 - Next-level autocompletion and IDE integration for Wasp projects!

ยท 2 min read
Matija Sosic

It's the fourth day of our Launch Week #3 - today it's all about dev tooling and making sure that the time you spend looking at your IDE is as pleasurable as possible!

We present the next generation of Wasp LSP (Language Server Protocol) implementation for VS Code! As you might already know, Wasp has its own simple configuration language (.wasp) that acts as a glue between your React & Node.js code.

Although it's a very simple, declarative language (you can think of it as a bit nicer/smarter JSON), and having it allows us to completely tailor the developer experience (aka get rid of boilerplate), it also means we have to provide our own tooling for it (syntax highlighting, auto completion, ...).

We started with syntax highlighting, then basic autocompletion and snippet support, but now we really took things to the next level! Writing Wasp code now is much closer to what we had in our mind when envisioning Wasp.

Without further ado, here's what's new:

โœจ Autocompletion for config object properties (auth, webSocket, ...)โ€‹

Until now, Wasp offered autocompletion only for the top-level declarations such as page or app. Now, it works for any (sub)-property (as one would expect ๐Ÿ˜…)!

Fill out your Wasp configuration faster and with less typos! ๐Ÿ’ป๐Ÿš€

๐Ÿ” Type Hintsโ€‹

Opening documentation takes you out of your editor and out of your flow. Stay in the zone with in-editor type hints! ๐Ÿ’ก

๐Ÿšจ Import Diagnosticsโ€‹

Keep tabs on what's left to implement with JS import diagnostics! There's nothing more satisfying than watching those errors vanish. ๐Ÿ˜Œ

Wasp now automatically detects if the function you referenced doesn't exist or is not exported.

๐Ÿ”— Goto Definitionโ€‹

Your Wasp file is the central hub of your project. Easily navigate your code with goto definition and make changes in a snap! ๐Ÿ’จ

Cmd/Ctrl + click and Wasp LSP takes you straight to the function body!

Don't forget to install Wasp VS Code extension and we wish you happy coding! You can get started right away and try it out here.


Join our developer community

Wasp is 100% open source. Join our Discord to learn from others and get help whenever you need it!

Join our Discord ๐Ÿ‘พ

Subscribe to our newsletter

Once per month - receive useful blog posts and Wasp news.