DEV Community

Cover image for From Zero to Code-Ready: Set Up Your Dev Environment in 2025 (No Experience Needed)
Victor Murithi
Victor Murithi

Posted on

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

#beginners #node #vscode #github

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

Download Vscode
⚠️ 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

Extensions Tab-Vscode
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

Format Vscode - Prettier
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

NodeJs Download
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
Enter fullscreen mode Exit fullscreen mode

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:

Windows Git Download

Windows Git Install

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

Mac users:

Mac Brew Download

  • Download HomeBrew: Run in Terminal: 
brew install git
Enter fullscreen mode Exit fullscreen mode

Then configure your Git identity:

git config --global user.name "Your Name"
git config --global user.email "youremail@example.com"
Enter fullscreen mode Exit fullscreen mode

➡️ Use the same email as your GitHub account.

🌐 6. Create a GitHub Account & Connect Copilot

Github 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
Enter fullscreen mode Exit fullscreen mode

🤖 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

Top comments (0)