DEV Community: Khushalsarode

Python Virtual Environment Setup: Commands, Structure, and Sample Program 🐍👩‍💻👨‍💻

Khushalsarode — Fri, 11 Jul 2025 23:17:27 +0000

Whether you're building data pipelines, web apps, or experimenting with AI models, managing project dependencies is crucial. That’s where Python virtual environments come into play.

📚 Table of Contents

🔍 What is a Python Virtual Environment?
⚙️ Prerequisites
💻 Virtual Environment Setup by OS
- 🖥 Windows
- 🍎 macOS / 🐧 Linux
- 🧪 Verify the Environment
📁 Virtual Environment Directory Structure
✅ Steps to Setup a Project
🧾 Sample Program: main.py
💡 Bonus Tips
📌 Conclusion

🔍 What is a Python Virtual Environment?

A virtual environment is an isolated environment for Python projects. It allows you to manage dependencies separately for each project, preventing conflicts between libraries.

A virtual environment helps you keep each Python project separate on the same computer.

It lets you use specific versions of packages for each project without interfering with other projects or your system.

This logical separation makes it easy to manage multiple projects with different requirements at the same time.

⚙️ Prerequisites

Ensure Python is installed:

python --version    # or python3 --version

If not, download Python.

💻 Virtual Environment Setup by OS

🖥 Windows

Open Command Prompt or PowerShell
Create a virtual environment

python -m venv env

Replace env with your desired environment name.

🔧 Creating a Python Virtual Environment with a Specific Version

Setting up a virtual environment with a specific Python version ensures your project dependencies remain isolated and compatible. Below are different ways to create a Environment using the version you want:

✅ Using python3.x (Linux/macOS)

python3.10 -m venv venv

This creates a virtual environment named venv using Python 3.10 (if installed).

✅ Using py -3.x (Windows)

py -3.10 -m venv venv

This is the preferred way on Windows when managing multiple Python versions via the Python Launcher (py).

Activate the environment

.\env\Scripts\activate

Command Prompt : env\Scripts\activate.bat
Powershell : env\Scripts\Activate.ps1

🍎 macOS / 🐧 Linux

Open Terminal
Create the virtual environment

python3 -m venv env

Activate the environment

source env/bin/activate

🧪 Verify the Environment

which python # Linux/macOS
where python # Windows

You should see the path pointing to your local env folder.

📁 Virtual Environment Directory Structure

project-folder/
│
├── env/                     # Virtual environment directory
│   ├── bin/ or Scripts/     # Executables (python, pip)
│   ├── include/             # Header files
│   ├── lib/                 # Installed packages
│   └── pyvenv.cfg           # Config file
│
├── main.py                  # Your Python script
└── requirements.txt         # Project dependencies (optional)

🐾 Steps to Setup a Project

Create a project folder

mkdir myproject && cd myproject

Create the virtual environment

python -m venv env

Activate it

### Windows
.\env\Scripts\activate

### macOS/Linux
source env/bin/activate

Install packages

pip install requests

Freeze requirements

pip freeze > requirements.txt

Run your Python program

python main.py

After you activate environment it will show as shown in image:

🧾 Sample Program: main.py

import requests

def getpost():
    # Make a GET request to a public API
    url = "https://jsonplaceholder.typicode.com/posts/1"
    response = requests.get(url)

    # Print the response content Json
    #print(response.json())
    if response.status_code == 200:
        print("Request was successful!")
        data = response.json()
        print("User ID{user_id} Title: {title} Body: {body}".format(user_id=data['userId'], title=data['title'], body=data['body']))
    else:
        print("Request failed with status code:", response.status_code)
    # Check the status code
    print(f"Status Code: {response.status_code}")

if __name__ == "__main__":
    getpost()

💡 Bonus Tips

To deactivate the environment:

deactivate

To delete the virtual environment:

rm -rf env     # macOS/Linux
rmdir /s env   # Windows

Use requirements.txt to share dependencies with teammates:

pip install -r requirements.txt

Conclusion

Using a virtual environment keeps your Python projects clean and manageable. It’s an essential skill for every developer.

One does not simply pip install without a virtual environment

🚀 Fixing Tailwind Init Error in React (Vite) Projects

Khushalsarode — Mon, 26 May 2025 19:04:29 +0000

Integrating Tailwind CSS with a React + Vite project is usually smooth — but if you’ve run into an error during the tailwindcss init process, don’t worry. This guide walks you through the right way to set up Tailwind, what causes the init error, and how to fix it quickly.

✅ Step 1: Create a React + Vite Project

First, set up your React app using Vite:

npm create vite@latest <project_name> --template react

Prompts to follow:

Project name: project_name
Framework: React
Variant: JavaScript

Then, navigate into your project and install dependencies:

cd tech-stack-suggestor
npm install

✅ Step 2: Install Tailwind CSS

Here’s where many developers hit the error. The standard command is:

npm install -D tailwindcss postcss autoprefixer

However, you may see an error during tailwindcss init, especially if the Tailwind CLI version is mismatched or if PostCSS isn’t configured properly.

❌ The Problem: Tailwind Init Error

In some cases, running:

npx tailwindcss init -p

Results in an error like:
Fails silently without generating the tailwind.config.js and postcss.config.js files.

Error:

npm ERR! could not determine executable to run
npm ERR! A complete log of this run can be found in: C:\Users\HP.KHUSHALSARODE.000\AppData\Local\npm-cache\_logs\2025-05-26T16_52_47_671Z-debug-0.log

💡 Cause:

The init command is no longer available in Tailwind CSS v4. For v3, 
make sure to use the correct version qualifier during installation.

✅ The Fix: Specify Tailwind Version Explicitly

npm install -D tailwindcss@3.4.1 postcss autoprefixer
npx tailwindcss init -p

This will correctly generate the tailwind.config.js and postcss.config.js files, resolving the init error.

✅ Step 3: Configure Tailwind

Update tailwind.config.js like this:

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Then, update ./src/index.css:

@tailwind base;
@tailwind components;
@tailwind utilities;

Make sure this CSS file is imported in your main.jsx or main.tsx:

import './index.css';

✅ Step 4: Run Your App

Now start the development server:

npm run dev

Your Tailwind-powered React app should be live at:

http://localhost:5173

Easily Manage Node.js Versions with NVM — Complete Setup + Tips (macOS, Linux, Windows)

Khushalsarode — Sat, 19 Apr 2025 21:06:47 +0000

⚡ Manage Node.js Versions Easily with NVM

Need to switch between different Node.js versions for different projects? NVM (Node Version Manager) makes it quick and painless. With just a few commands, you can install, switch, and manage multiple Node versions on your system.

Let’s get right to it — installation, usage, and some handy tips.

🔧 What is NVM?

NVM is a CLI tool to manage multiple Node.js versions — perfect for switching between projects or testing on different versions.

✅ NVM supports:
Windows, Linux, macOS, WSL, Cygwin, and MSYS

📦 Installation/Setup

⚠ Always restart your terminal after installation or configuration changes

On macOS/Linux:

Install NVM using curl or wget:

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

Or:

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

Add to your shell config (if not auto-added):

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

Then reload your shell:

source ~/.bashrc  # or ~/.zshrc, depending on your shell

To verify installation:
```
nvm --version
```

On Windows:

NVM-Windows (Recommended)

https://github.com/coreybutler/nvm-windows

⬇️ [ Download nvm for windows ]

Download the .exe installer.
Run it and follow the setup steps.
Open a new terminal and check:

nvm --version

That's it! You're ready to manage Node.js versions on Windows.

Other Version Available for Node.js Version Managers for Windows

nodist – Manages Node and npm versions.
nvs – Cross-platform manager with auto-switch and profiles.

🚀 Using NVM to Manage Node.js

Check nvm version
```
nvm --version
```

Install a Specific Node.js Version

nvm install <node specific version>
            or 
nvm install --lts
            or 
nvm install node

List Installed Versions
```
nvm ls or nvm ls-remote
```
Switch Between Node Versions
```
nvm use 16
```
Set a default version globally:
```
Set a default version globally:
```

Update Node to the Latest Version

nvm install node --reinstall-packages-from=current
nvm alias default node

Show the currently active Node.js version
```
nvm current
```

Run a file using a specific Node.js version

nvm run <version> <file.js>
usage: nvm run 14 app.js

Execute a command using a specific Node.js version

nvm exec <version> <command>
usage: nvm exec 16 npm install

Show the path to the Node.js binary for a version
```
nvm which <version>
nvm which 18
```
Uninstall a Version
```
nvm uninstall 14.21.3
```

⚙️ Using Into project directory

If need to switch version for project using node:
Use a .nvmrc file in your project directory to specify which Node version it requires:
```
echo "18.17.1" > .nvmrc
```
Then:
```
nvm use
```

Based on .nvmrc config file you want to change version runtime need to use node version switch with tool like https://github.com/wbyoung/avn [auto version switching]

To install avn and its plugin for nvm:

npm install -g avn avn-nvm avn-n
avn setup

Let’s focus on writing code — version conflicts? NVM’s got it covered! 😉