From Zero to Code-Ready: Set Up Your Dev Environment in 2025 (No Experience Needed)

Victor Murithi — Fri, 11 Jul 2025 18:50:57 +0000

A complete beginner-friendly guide to setting up VS Code, Node.js, Git, and GitHub Copilot for modern coding in 2025 (Windows & Mac).

If you’re learning to code in 2025, your first challenge isn’t writing functions or styling a website.
It’s setting up your computer the right way.

Many beginners get stuck installing tools like VS Code, Node.js, Git, and GitHub Copilot, and spend hours troubleshooting basic setup problems. I’ve been there, and this guide will help you skip the confusion.

Whether you’re on Windows or Mac, I’ll walk you through setting up your dev environment from scratch—no experience needed.

✅ 1. Install Visual Studio Code (VS Code)

VS Code is where you'll spend most of your time coding.

Download it from code.visualstudio.com
Choose the right version for your OS
Install with default settings and open it up

⚠️ Troubleshooting tip:
If VS Code crashes or won’t open, restart your PC/Mac. If the issue persists, reinstall VS Code and ensure your operating system is up to date.

🔌 2. Supercharge VS Code with These Essential Extensions

Open the Extensions tab (Ctrl+Shift+X on Windows or Cmd+Shift+X on Mac) and search for these:

Prettier → Auto-format your code on save
Live Server → Preview your HTML files in the browser instantly
GitHub Copilot → AI-powered code suggestions
Tailwind CSS IntelliSense → Autocomplete for Tailwind classes
Auto Rename Tag → Keeps your HTML tags in sync
Import Cost → Shows file sizes of your imports
Quokka.js → Instantly runs small JavaScript snippets in VS Code

✨ 3. Set Up Prettier for Automatic Code Formatting

Prettier keeps your code clean without you lifting a finger.

Steps:

Open Settings (Ctrl + , or Cmd + ,)
Search “Format On Save” → Turn it ON
Search “Default Formatter” → Choose Prettier - Code Formatter

Now your code will auto-format every time you save.

⚙️ 4. Install Node.js — Run JavaScript Anywhere

Node.js lets you run JavaScript tools, servers, and frameworks like React and Express.

Download from nodejs.org
Get the LTS version (stable)
Install using default settings

Test it by opening your terminal and typing:

node --version

If a version number appears, you’re set.

🛑 If it doesn’t work: Reinstall Node.js and restart your terminal or command prompt.

🔄 5. Install Git — Version Control for Your Code

Git helps you track your project history and collaborate using GitHub.

Windows users:

Download from git-scm.com and install (leave most settings on default).

Mac users:

Download HomeBrew: Run in Terminal:

brew install git

Then configure your Git identity:

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

➡️ Use the same email as your GitHub account.

🌐 6. Create a GitHub Account & Connect Copilot

Sign up at github.com
In VS Code, install the GitHub Copilot extension
Click the GitHub icon in VS Code (bottom left) and sign in

If prompted, open the Command Palette (Ctrl + Shift + P / Cmd + Shift + P) and search for:

Copilot: Sign In

🤖 Bonus: Try Copilot Chat & Gemini CLI (Optional AI Tools)

If you want to code faster and smarter, explore:

Copilot Chat: Ask coding questions directly inside VS Code
Gemini CLI: Google’s experimental AI tool for developers

You’ll find them in the Extensions tab just like the others.

⚙️ Common Errors & Quick Fixes

Problem	Cause	Fix
VS Code won’t open	Installation glitch	Restart or reinstall VS Code
Node.js not recognized	PATH error	Reinstall Node.js & restart
Git commands fail	Git not installed	Reinstall Git, restart terminal
Copilot won’t sign in	GitHub auth issue	Sign in again, restart VS Code
Extensions won’t install	Internet connectivity	Check your network, try again later

🎯 You’re Code-Ready

By now, your dev environment includes:

✅ VS Code — your main coding tool
✅ Node.js — to run and build JavaScript projects
✅ Git & GitHub — to manage and share your code
✅ Copilot — to boost your productivity with AI

This is a future-proof setup you’ll use for:

Web development
JavaScript projects
AI tools
Open-source contributions

🙌 Final Thoughts

Your first win as a developer isn’t writing the perfect app.
It’s creating an environment where learning and building is friction-free.

If this helped you, feel free to leave a comment, bookmark for later, or share it with someone starting out.

And if you get stuck along the way, I’m always happy to help other beginners figure things out.

🔗 Let’s Connect

GitHub → [https://github.com/kimathivicki]
LinkedIn → [www.linkedin.com/in/victorkmurithi]
Twitter/X → [https://x.com/kimathivicki]

🔖 Tags for this post:

#beginners #webdev #vscode #node #github

DEV Community: Victor Murithi