DEV Community: a99divx

🚀 Setting Up PostgreSQL and pgAdmin on Ubuntu (WSL2) for Web Developers

a99divx — Fri, 20 Sep 2024 08:44:52 +0000

🚀 Setting Up PostgreSQL and pgAdmin on Ubuntu (WSL2) for Web Developers

Welcome to the ultimate guide for installing PostgreSQL and pgAdmin on Ubuntu (WSL2), all while running on Windows! 🎉 This guide walks you through every step, making sure your database environment is up and running smoothly, with a little fun along the way! 🌟

GitHub Reference: For the full source code and configuration files related to this guide, check out the GitHub Repository.

📝 Track Your Progress: Use the Issues tab to create a checklist of tasks as you work through this guide.

🔧 Customize Your Setup: Share your own tips and tricks by contributing to this guide!

💡 Get Help: Join our Discussions to ask questions and share your experiences with other developers.

📚 Table of Contents

Introduction
Prerequisites
Installing PostgreSQL
Creating and Managing PostgreSQL Clusters
Installing and Configuring pgAdmin (Web Version)
Final Verification
Tips for Productivity
Conclusion
Additional Resources

📝 Introduction

When it comes to managing databases, you need powerful tools! 💪 PostgreSQL is one of the most powerful open-source relational databases available, and pgAdmin is the perfect web-based GUI to interact with it. Let’s make sure you have everything set up inside your Ubuntu (WSL2) environment. No need for clunky Windows apps—we’ll install pgAdmin directly in WSL as a web version! 🌐

⚙️ Prerequisites

Before diving in, make sure you have the following:

Windows 10/11: With WSL2 enabled.
Ubuntu (WSL2): Installed from the Microsoft Store.
Admin Access: To run sudo commands.
Internet Connection: To download all necessary packages.

🛠️ Quick WSL2 Setup (Optional)

If you haven’t installed WSL2 yet, here’s a quick way to do it:

Open PowerShell as Administrator and run:

   wsl --install

Download Ubuntu from the Microsoft Store and launch it to complete the setup (create a username and password).

🐘 Installing PostgreSQL

Let's get PostgreSQL up and running first! PostgreSQL will serve as the core database engine for your web development projects. 🚀

Step 1: Update Your Package List

Before installing anything, it’s always a good idea to update your system:

sudo apt-get update

Step 2: Install PostgreSQL

Now, install PostgreSQL along with some additional utilities:

sudo apt-get install postgresql postgresql-contrib

👨‍💻 What’s Happening?

postgresql: The core PostgreSQL database.
postgresql-contrib: Extra useful tools and extensions (like pgcrypto, adminpack, etc.).

Step 3: Verify the Installation

To make sure everything is installed correctly, check the version:

psql --version

✅ You should see output like this:

psql (PostgreSQL) 14.13 (Ubuntu 14.13-0ubuntu0.22.04.1)

Boom! PostgreSQL is installed and ready to go! 🎉

🛠️ Creating and Managing PostgreSQL Clusters

PostgreSQL uses clusters to manage databases. We’re going to create a new cluster that runs on a different port, so you can keep things organized.

Step 1: Create a New Cluster

Run the following command to create a cluster on port 5436:

sudo pg_createcluster 14 main5436 --port=5436

This will create a new cluster for PostgreSQL version 14. Clusters are isolated instances of PostgreSQL.

Step 2: Start the Cluster

Next, start your new cluster:

sudo service postgresql@14-main5436 start

Step 3: Check Cluster Status

Let’s check if everything is running smoothly:

sudo service postgresql@14-main5436 status

🎉 Success! If you see the output saying Active: active (running), your cluster is live and ready to handle databases.

Step 4: Set a Password for the `postgres` User

Switch to the PostgreSQL user and set a password for your main database user:

sudo -i -u postgres
psql

Then set the password for the postgres user:

ALTER USER postgres PASSWORD 'yourpassword';

Exit the PostgreSQL prompt by typing \q.

🌐 Installing and Configuring pgAdmin (Web Version)

Now, let's move on to pgAdmin, the GUI for managing PostgreSQL databases. Instead of using the desktop version, we’ll install pgAdmin as a web-based application inside WSL2. This means you'll access pgAdmin through your browser, making it lightweight and flexible! 💻

Step 1: Add the pgAdmin Repository

First, add the pgAdmin repository to your package list:

curl -fsS https://www.pgadmin.org/static/packages_pgadmin_org.pub | sudo gpg --dearmor -o /usr/share/keyrings/packages-pgadmin-org.gpg

Then, add the repository to your list of sources:

sudo sh -c 'echo "deb [signed-by=/usr/share/keyrings/packages-pgadmin-org.gpg] https://ftp.postgresql.org/pub/pgadmin/pgadmin4/apt/$(lsb_release -cs) pgadmin4 main" > /etc/apt/sources.list.d/pgadmin4.list && apt update'

Step 2: Install pgAdmin

Run the following command to install the web version of pgAdmin:

sudo apt install pgadmin4-web

📢 Note: This is a web version of pgAdmin, which you will access via your web browser! No need to install the Windows app. 🙌

Step 3: Configure pgAdmin

After installation, set it up for web mode:

sudo /usr/pgadmin4/bin/setup-web.sh

During setup, you’ll be prompted to:

Enter your email address (this will be your login).
Create a strong password for the admin account.

Step 4: Apache Configuration for pgAdmin

The setup script will configure Apache to serve pgAdmin. When prompted to restart Apache, press y.

You can now access pgAdmin by navigating to:

http://127.0.0.1/pgadmin4

http://localhost/pgadmin4

🎉 You’re now able to manage your PostgreSQL databases using pgAdmin, right from your browser! 🚀

✅ Final Verification

Let’s make sure everything is working perfectly.

Access pgAdmin: Open your browser and navigate to http://127.0.0.1/pgadmin4 or http://localhost/pgadmin4.
Login: Use the admin credentials you just created.
Connect to PostgreSQL: Inside pgAdmin, create a new server connection:
- Hostname: localhost or 127.0.0.1
- Port: 5436 (for the new cluster you created)
- Username: postgres
- Password: The password you set earlier.

🎉 Congratulations! You now have PostgreSQL and pgAdmin fully configured and ready to use on WSL2!

💡 Tips for Productivity

Here are some quick tips to boost your PostgreSQL and pgAdmin workflow:

pgAdmin Bookmarks: Bookmark the pgAdmin URL (http://127.0.0.1/pgadmin4 or http://localhost/pgadmin4) for quick access.
PostgreSQL Tuning: Fine-tune your PostgreSQL configuration by editing postgresql.conf to optimize for development or production.
Backup & Restore: Use pgAdmin’s easy-to-use backup and restore features to safeguard your databases.
Docker: If you prefer containerization, you can also run PostgreSQL in Docker alongside this setup for even more flexibility!

📖 Conclusion

You’ve just set up a fully functional PostgreSQL and pgAdmin (web version) environment inside WSL2! 🎉 This setup is optimized for web developers, making database management both simple and efficient. By using the web version of pgAdmin, you avoid the need for Windows-based applications, keeping your development flow seamless.

If you found this guide helpful, feel free to share it with fellow developers, or contribute to enhancing this guide on GitHub! 🙌

GitHub Reference: For the full source code and configuration files related to this guide, check out the GitHub Repository.

📚 Additional Resources

The Ultimate Guide to Setting Up a Windows 11 Web Development Environment 🚀 ~ Sep, 24

a99divx — Fri, 20 Sep 2024 02:24:47 +0000

⌚ Last Update: 16:47:29 UTC - Friday, 20 September 2024

Setting up a robust and efficient web development environment on Windows 11 can be straightforward and rewarding. This comprehensive guide will walk you through installing essential tools, configuring your system for optimal performance, and leveraging modern development practices. We'll also introduce hands-on projects and recommend tools to boost your productivity.

Table of Contents 📑

Introduction
Prerequisites
Setting Up Windows Subsystem for Linux (WSL 2)
Configuring Windows Terminal
Setting Up Git and GitHub
Enhancing Your Shell with Zsh and Oh My Zsh
Installing Node.js and pnpm
Visual Studio Code Setup
Exploring Additional Code Editors and IDEs
Using Package Managers: Chocolatey and Scoop
Additional Development Tools
Browser Extensions for Developers
Productivity Tools
Leveraging AI-Powered Tools
Conclusion
Additional Resources

Introduction 🌐

In today's fast-paced development landscape, having a fully optimized setup is crucial for productivity and efficiency. This guide aims to help you configure a professional web development environment on Windows 11, leveraging powerful tools like Windows Subsystem for Linux (WSL 2), modern terminals, and AI-driven coding assistants. We'll also provide practical insights through interactive project building to enhance your learning experience.

Prerequisites 📝

Before we begin, ensure you have the following:

Operating System: Windows 10 version 2004 or higher, or Windows 11
User Account: Administrative privileges
Internet Access: For downloading tools and updates
GitHub Account: Sign up here if you don't have one

For a streamlined setup experience, consider forking the repository on GitHub. This repository provides additional scripts and configurations to enhance your development environment.

Setting Up Windows Subsystem for Linux (WSL 2) 🐧

WSL allows you to run a Linux environment directly on Windows, facilitating a smoother development experience, especially for web development.

Installing WSL 2

Enable WSL and Install a Linux Distribution:

Open PowerShell as Administrator and run:

   wsl --install

This command will:

Enable the required optional components.
Download and install the latest Linux kernel.
Set WSL 2 as the default.
Install Ubuntu as the default Linux distribution.

Restart Your Computer:

Restart to complete the WSL installation.

Initial Configuration of WSL

Launch Ubuntu:

Open Ubuntu from the Start menu. It will take a few moments to set up.

Create a UNIX Username and Password:

You'll be prompted to create a UNIX username and password. This is separate from your Windows credentials.

Updating Your Linux Environment

Keep your Linux distribution up to date:

sudo apt update && sudo apt upgrade -y

Accessing Linux Files from Windows

Access your Linux files directly from Windows:

Using File Explorer:

Navigate to:

   \\wsl$

This will show all your installed WSL distributions.

Mapping a Network Drive:

Right-click on the Ubuntu folder.
Select Map network drive....
Choose a drive letter (e.g., Z:).
Check Reconnect at sign-in.
Click Finish.

Your Linux home directory is now accessible from Windows as a network drive.

Restarting WSL

If you encounter issues:

wsl --shutdown

Then relaunch your Linux distribution.

Important Considerations

File System Performance: For best performance, keep your project files within the Linux file system (/home/username/).
Line Endings: Use a .gitattributes file to ensure consistent line endings across Windows and Linux.
Path Differences: Be mindful of path formats when working across systems.
Permissions: Some operations may require elevated privileges in WSL.

Configuring Windows Terminal 🖥️

Windows Terminal is a modern, feature-rich terminal application that supports multiple tabs, split panes, and extensive customization.

Installing Windows Terminal

Download from the Microsoft Store or via PowerShell:

winget install --id=Microsoft.WindowsTerminal -e

Customizing Windows Terminal

Set Default Profile:

Open Windows Terminal.
Click the down arrow next to the new tab button and select Settings.
Under Startup, set Default profile to Ubuntu.

Set Starting Directory:

In Profiles, select Ubuntu.
Under Advanced, set Starting directory to:
```
 \\wsl$\Ubuntu\home\your_username
```

Customize Appearance:

Explore the Appearance tab to change the theme, font, and background.
Install a Powerline font like MesloLGS NF for better prompt symbols.

Install Themes:

Visit Windows Terminal Themes to find and install new themes.
You can import themes by editing the settings.json file.

Setting Up Git and GitHub 🧑‍💻

Git is essential for version control, and GitHub hosts your repositories.

Installing Git

Git is typically pre-installed in your WSL distribution. If not, install it:

sudo apt install git

Configuring Git

Set up your global Git configuration:

git config --global user.name "Your Name"
git config --global user.email "youremail@example.com"

Verify your settings:

git config --list

Generating SSH Keys for GitHub

Generate a New SSH Key:

   ssh-keygen -t ed25519 -C "youremail@example.com"

Press Enter to accept the default file location. Set a passphrase if desired.

Start the SSH Agent:

   eval "$(ssh-agent -s)"

Add Your SSH Key:

   ssh-add ~/.ssh/id_ed25519

Add the Key to Your GitHub Account:

Copy your public key:
```
 cat ~/.ssh/id_ed25519.pub
```
Log in to GitHub.
Go to Settings > SSH and GPG keys.
Click New SSH key, provide a title, and paste your key.

Using Personal Access Tokens (Optional)

If you prefer HTTPS over SSH:

Generate a Personal Access Token (PAT):

On GitHub, go to Settings > Developer settings > Personal access tokens.
Click Generate new token, select scopes, and generate.

Configure Git Credential Manager:

   git config --global credential.helper store

The next time you authenticate with GitHub, enter your PAT as the password.

Enhancing Your Shell with Zsh and Oh My Zsh 🐚

Zsh is an advanced shell that offers powerful features and customization.

Installing Zsh

sudo apt install zsh

Set Zsh as your default shell:

chsh -s $(which zsh)

Installing Oh My Zsh

Oh My Zsh is a framework for managing Zsh configuration.

Install Curl (if not installed):

   sudo apt install curl

Install Oh My Zsh:

   sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

Adding Themes and Plugins

Install Powerlevel10k Theme:

   git clone --depth=1 https://github.com/romkatv/powerlevel10k.git \
     ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k

Set the theme in ~/.zshrc:

   ZSH_THEME="powerlevel10k/powerlevel10k"

Install Recommended Fonts:

Download and install the MesloLGS NF font.

Windows Terminal: Set the font face to "MesloLGS NF" in settings.

Install Useful Plugins:

zsh-autosuggestions:

 git clone https://github.com/zsh-users/zsh-autosuggestions \
   ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

zsh-syntax-highlighting:

 git clone https://github.com/zsh-users/zsh-syntax-highlighting.git \
   ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

Enable Plugins:

Edit ~/.zshrc:

   plugins=(git zsh-autosuggestions zsh-syntax-highlighting)

Apply Changes:

   source ~/.zshrc

Configure Powerlevel10k:

Run the configuration wizard:

   p10k configure

Follow the prompts to customize your prompt.

Installing Node.js and pnpm 🟢

Node.js is essential for JavaScript development, and pnpm is a fast, disk space-efficient package manager.

Installing NVM (Node Version Manager)

Install NVM to manage multiple Node.js versions:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

Activate NVM:

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

Add these lines to your ~/.zshrc or ~/.bashrc to load NVM automatically.

Installing Node.js via NVM

Install the latest LTS version:

nvm install --lts

Set the default Node.js version:

nvm alias default node

Installing pnpm

Install pnpm globally:

npm install -g pnpm

Alternatively, use the installation script:

curl -fsSL https://get.pnpm.io/install.sh | sh -

Ensure pnpm is in your PATH by adding to ~/.zshrc or ~/.bashrc:

export PATH="$HOME/.local/share/pnpm:$PATH"

Reload your shell configuration:

source ~/.zshrc

Using pnpm

Initialize a New Project:

  pnpm init

Install Dependencies:

  pnpm install package-name

Install a Package Globally:

  pnpm add -g package-name

Visual Studio Code Setup 📝

Visual Studio Code is a versatile code editor with extensive extension support.

Installing Visual Studio Code

Download from the official website.

Configuring VS Code for WSL

Install the Remote - WSL Extension:

Open VS Code.
Go to the Extensions view (Ctrl+Shift+X).
Search for Remote - WSL and install it.

Open a WSL Project in VS Code:

In your WSL terminal, navigate to your project directory and run:

   code .

Essential Extensions 🔌

Live Server: Launch a local development server with live reload.
Prettier: Code formatter for consistent style.
ESLint: Integrate ESLint for JavaScript linting.
GitLens: Enhance Git capabilities within VS Code.
Docker: Support for Docker files.
Bracket Pair Colorizer 2: Color matching brackets.
Path Intellisense: Autocomplete filenames.
vscode-icons: Enrich the file explorer with icons.
Remote - SSH: Connect to remote servers via SSH.

Settings Sync

Leverage VS Code's Settings Sync feature to synchronize your settings, extensions, and keybindings across devices.

Exploring Additional Code Editors and IDEs 🖊️

While VS Code is popular, other editors and IDEs may better suit your needs.

Cursor IDE

Cursor IDE is an AI-powered code editor that enhances productivity.

Download Cursor IDE:

Visit the Cursor IDE website to download.

Features:

AI-assisted code completion.
Intelligent error detection.
Code refactoring and generation tools.

Other IDEs

JetBrains IntelliJ IDEA: Ideal for Java and Kotlin development.
PyCharm: Specialized for Python projects.
WebStorm: Excellent for JavaScript and TypeScript.
Visual Studio: Comprehensive IDE for .NET development.

Using Package Managers: Chocolatey and Scoop 📦

Package managers simplify the installation and management of software on Windows.

Chocolatey

Chocolatey is a powerful package manager for Windows.

Installing Chocolatey

Open PowerShell as Administrator.
Run the Installation Command:

   Set-ExecutionPolicy Bypass -Scope Process -Force;
   [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072;
   iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))

Using Chocolatey

Install a Package:

  choco install package-name -y

Upgrade All Packages:

  choco upgrade all -y

Scoop

Scoop focuses on simplicity and minimizes the need for administrative privileges.

Installing Scoop

Ensure PowerShell Execution Policy:

   Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

Install Scoop:

   iwr -useb get.scoop.sh | iex

Using Scoop

Install a Package:

  scoop install package-name

Update Packages:

  scoop update *

Additional Development Tools 🛠️

Docker Desktop 🐳

Docker enables containerization, making it easier to deploy and manage applications.

Installing Docker Desktop

Download Docker Desktop from the official website.
Install and Restart your computer if prompted.

Configuring Docker with WSL 2

Enable WSL 2 Backend:

In Docker Desktop settings, ensure Use the WSL 2 based engine is checked.

Resource Management:

Configure CPU and memory allocation in Docker Desktop settings under Resources.

Python and Pyenv 🐍

Manage multiple Python versions with Pyenv.

Installing Pyenv

Install Dependencies:

   sudo apt update
   sudo apt install -y make build-essential libssl-dev zlib1g-dev \
     libbz2-dev libreadline-dev libsqlite3-dev wget curl llvm \
     libncursesw5-dev xz-utils tk-dev libxml2-dev libxmlsec1-dev \
     libffi-dev liblzma-dev

Install Pyenv:

   curl https://pyenv.run | bash

Configure Environment:

Add to your ~/.zshrc or ~/.bashrc:

   export PYENV_ROOT="$HOME/.pyenv"
   export PATH="$PYENV_ROOT/bin:$PATH"
   eval "$(pyenv init --path)"
   eval "$(pyenv virtualenv-init -)"

Reload your shell:

   source ~/.zshrc

Managing Python Versions

List Available Versions:

  pyenv install --list

Install a Version:

  pyenv install 3.11.4

Set Global Version:

  pyenv global 3.11.4

Java Development Kit (JDK) ☕

Set up a Java development environment.

Installing OpenJDK

sudo apt install openjdk-17-jdk

Verify Installation

java -version

Browser Extensions for Developers 🌐

Enhance your web development workflow with these browser extensions.

React Developer Tools: Inspect React component hierarchy.
Redux DevTools: Debug Redux state changes.
Vue.js devtools: Inspect Vue components.
Angular DevTools: Debug Angular applications.
Postman Interceptor: Capture and send HTTP requests.
JSON Viewer: Format JSON data.
ColorZilla: Advanced color picker.
WhatFont: Identify fonts on web pages.
Wappalyzer: Identify technologies used on websites.

Productivity Tools ⚙️

Boost your productivity with these applications.

Microsoft PowerToys: Utilities like FancyZones, PowerRename, and more.
Windows Terminal: Advanced terminal application.
WSLtty: Alternative terminal for WSL.
Notion: Note-taking and project management.
Figma: Collaborative design tool.
Slack: Team communication platform.
Microsoft Teams: Collaboration and communication.
Todoist: Task management.

Leveraging AI-Powered Tools 🤖

Enhance your coding efficiency with AI assistants.

GitHub Copilot

An AI pair programmer that helps you write code faster.

Installation:

Install the GitHub Copilot extension in VS Code.

Features:
- Context-aware code suggestions.
- Supports multiple programming languages.
- Can generate code snippets, functions, and even complex algorithms.

Tabnine

AI code completion for all major IDEs.

Installation:

Install the Tabnine plugin for your preferred IDE.

Features:
- Whole-line and full-function code completions.
- Learns from your codebase for personalized suggestions.

Codeium

Free AI-powered code acceleration toolkit.

Installation:

Install the Codeium extension in your code editor.

Features:
- Code completion and suggestions.
- Supports multiple languages and editors.

Conclusion 🎯

Setting up a professional web development environment on Windows 11 is a multi-faceted process, but with the right tools and configurations, you can create a powerful and efficient workspace. This guide has provided a comprehensive walkthrough, from installing WSL and configuring your terminal to leveraging AI-powered coding assistants.

By following these steps, you're well on your way to enhancing your productivity and tackling complex development projects with confidence.

Happy coding! 💻

Additional Resources 📚

Windows Subsystem for Linux Documentation: WSL Docs
Windows Terminal Documentation: Terminal Docs
Git Documentation: Git Docs
GitHub Documentation: GitHub Docs
Zsh Documentation: Zsh Docs
Oh My Zsh Documentation: Oh My Zsh Docs
Node.js Documentation: Node.js Docs
NVM Documentation: NVM Docs
pnpm Documentation: pnpm Docs
Visual Studio Code Documentation: VS Code Docs
Chocolatey Documentation: Chocolatey Docs
Scoop Documentation: Scoop Docs
Docker Documentation: Docker Docs
Python Documentation: Python Docs
Pyenv Documentation: Pyenv Docs
Java Documentation: Java Docs
PowerToys Documentation: PowerToys Docs
Notion Documentation: Notion Help
Figma Documentation: Figma Help
Slack Documentation: Slack Help
Microsoft Teams Documentation: Teams Docs
GitHub Copilot Documentation: Copilot Docs
Tabnine Documentation: Tabnine Docs
Codeium Documentation: Codeium Docs

Feel free to reach out if you have any questions or need further assistance.

DEV Community: a99divx

🚀 Setting Up PostgreSQL and pgAdmin on Ubuntu (WSL2) for Web Developers

🚀 Setting Up PostgreSQL and pgAdmin on Ubuntu (WSL2) for Web Developers

📚 Table of Contents

📝 Introduction

⚙️ Prerequisites

🛠️ Quick WSL2 Setup (Optional)

🐘 Installing PostgreSQL

Step 1: Update Your Package List

Step 2: Install PostgreSQL

Step 3: Verify the Installation

🛠️ Creating and Managing PostgreSQL Clusters

Step 1: Create a New Cluster

Step 2: Start the Cluster

Step 3: Check Cluster Status

Step 4: Set a Password for the postgres User

🌐 Installing and Configuring pgAdmin (Web Version)

Step 1: Add the pgAdmin Repository

Step 2: Install pgAdmin

Step 3: Configure pgAdmin

Step 4: Apache Configuration for pgAdmin

✅ Final Verification

💡 Tips for Productivity

📖 Conclusion

📚 Additional Resources

The Ultimate Guide to Setting Up a Windows 11 Web Development Environment 🚀 ~ Sep, 24

Table of Contents 📑

Introduction 🌐

Prerequisites 📝

Setting Up Windows Subsystem for Linux (WSL 2) 🐧

Installing WSL 2

Initial Configuration of WSL

Updating Your Linux Environment

Accessing Linux Files from Windows

Restarting WSL

Important Considerations

Configuring Windows Terminal 🖥️

Installing Windows Terminal

Customizing Windows Terminal

Setting Up Git and GitHub 🧑‍💻

Installing Git

Configuring Git

Generating SSH Keys for GitHub

Using Personal Access Tokens (Optional)

Enhancing Your Shell with Zsh and Oh My Zsh 🐚

Installing Zsh

Installing Oh My Zsh

Adding Themes and Plugins

Installing Node.js and pnpm 🟢

Installing NVM (Node Version Manager)

Installing Node.js via NVM

Installing pnpm

Using pnpm

Visual Studio Code Setup 📝

Installing Visual Studio Code

Configuring VS Code for WSL

Essential Extensions 🔌

Settings Sync

Exploring Additional Code Editors and IDEs 🖊️

Cursor IDE

Other IDEs

Using Package Managers: Chocolatey and Scoop 📦

Chocolatey

Installing Chocolatey

Using Chocolatey

Scoop

Installing Scoop

Using Scoop

Additional Development Tools 🛠️

Docker Desktop 🐳

Installing Docker Desktop

Configuring Docker with WSL 2

Python and Pyenv 🐍

Installing Pyenv

Managing Python Versions

Java Development Kit (JDK) ☕

Installing OpenJDK

Verify Installation

Browser Extensions for Developers 🌐

Productivity Tools ⚙️

Step 4: Set a Password for the `postgres` User