My Web Development Setup – WSL, Volta, Node, Pnpm, And Zsh

No Comments
Published: 12.11.2023

Are you interested in finding out about my web development setup? In this post, I will show you how I use WSL and Volta to manage my Node.js installation. Additionally, I will show you which shell and package manager I use.

Don’t want to read? Watch the video instead!

The Idea

Each component used in this developer setup plays together to create an easy-to-use development experience. WSL allows developers to run Linux tools and applications directly on Windows without the need for a virtual machine or dual-booting. Volta helps you to manage your JavaScript command-line tools. pnpm is a fast, disk space-efficient package manager for Node.js and zsh is a Unix shell. Finally, VS Code is a free code editor.

The Components

WSL

WSL (Windows Subsystem for Linux) is a compatibility layer to run Linux tools and applications directly on Windows without the need for a virtual machine or dual-booting.

zsh

zsh is a Unix shell and allows for personal customization through plugins. One popular framework to manage zsh is called “Oh my ZSH!” and makes this a really nice process. It’s safe to say that zsh made me more productive!

Volta

Volta is a tool for managing Node.js versions. It allows developers to easily switch between different versions of Node.js on a per-project basis and also allows the installation of different JavaScript related CLI tools.

Node

Node.js is an open-source, cross-platform JavaScript runtime environment that executes JavaScript code outside of a web browser. It allows developers to build scalable network applications using JavaScript on both the client side and server side.

Need help or want to share feedback? Join my discord community!

pnpm

pnpm is a fast, disk space-efficient package manager for Node.js. It uses hard links and symlinks to save one copy of each package in a global cache instead of duplicating them across projects.

VS Code

Visual Studio Code (VS Code) is a free source-code editor made by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control and GitHub, syntax highlighting, intelligent code completion, snippets, and code refactoring.

KOFI Logo

If this guide is helpful to you and you like what I do, please support me with a coffee!

Conclusion

This developer setup consisting of WSL, Volta, Node, pnpm, zsh, and VS Code provides an easy-to-use and highly customizable development environment for developers who want to do Web Development on Windows machines. I have been using this exact setup for over a year now and I am super happy with it.

I hope this a little bit different post was interesting to you! If you have any questions let me know and subscribe to my monthly newsletter to stay up to date on my latest posts.

[convertkit form=2303042]

Discussion (0)