Issue #87  (VS Code Tutorials for React, Vue, & Angular)12/20/23

The VS Code docs are constantly improving and in line with that, some time ago the VS Code team added different tutorials in the docs each with a focus on a particular JavaScript UI library.

So if you're looking for maybe a quick intro on a particular library but you want the tutorial to be focused on using the library in VS Code, you can check those out. This might be a nice "end of year" project for you to become more familiar with VS Code in relation to your library of choice.

Using React in Visual Studio Code is probably the most popular one. This tutorial uses create-react-app, the popular React scaffolding tool, and also goes through some debugging and linting tips.
 
There's also Using Vue in Visual Studio Code that makes use of the Vue CLI along with an extension that brings Vue-specific language features to VS Code.
 
And finally there's Using Angular in Visual Studio Code that incorporates the Angular CLI, an Angular-focused Profile template, and includes some debugging tips.
 
You'll need something more extensive if you're new to one of those libraries, but these would be decent resources for getting up to speed with React, Vue, or Angular within the context of VS Code.

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

VS Code Tools

3e for VS Code — A VS Code extension that lets you view files created with 3D modeling software (like Blender) so you don't have to open the file in the primary software for viewing and other simple features.

Remix Docs — A VS Code extension for Remix.run applications that shows documentation for the configured API version directly inside the editor.

Miro — Build anything together on Miro. It's free and as easy to use as a whiteboard, but endlessly more powerful. Miro is an infinite canvas loaded with tools designed for creative brainstorming and collaboration.  Sponsor 

Learn Vim — A VS Code extension that lets you learn and practice your Vim skills inside VS Code.

VS Code Articles & Videos

▶️ Release Party v1.85 | Floating Editor Windows, JS Debugger, and Copilot Updates — This was the official live stream from the VS Code and Jupyter teams, covering the most recent VS Code updates, which included a Q&A.

The Most Upvoted VS Code Issues — Not exactly an article, but this is a link to the currently open VS Code issues on GitHub, but sorted by most upvoted, which gives a glimpse into the features that are probably being considered most for future releases.

JavaScript & DOM Tips, Tricks, and Techniques (Volumes 1 – 4) — A bundle of my four e-books that feature more than 250 lesser-known JavaScript and DOM scripting tips, with hundreds of live CodePen demos.  Sponsor 

How to Code Faster - VS Code Edition — A short article with a whole slew of shortcuts and tips for improving your speed when using VS Code on Windows.
 

Best of the Rest

TSDiagram — An online tool to create diagrams and plan your code when building TypeScript-based projects.

Voqal — A vocal programming assistant that allows you to program using only your voice in IntelliJ-based IDEs with OpenAI's GPT4.

Livegrep — A tool, partially inspired by Google Code Search, for interactive regex search of ~gigabyte-scale source repositories.

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