DEV Community

Cover image for The Complete Windows Web Developer Setup Guide

The Complete Windows Web Developer Setup Guide

Stephan Lamoureux on May 29, 2022

🔭 Overview After a lot of trial and error, I've been able to piece together a pretty respectable Windows dev environment. There are plen...
Collapse
 
brads profile image
Bradley Oliver

Only thing I say your missing is PowerToys for windows ...

Collapse
 
stephanlamoureux profile image
Stephan Lamoureux

Thanks for pointing that out, its been added 👍

Collapse
 
stephanlamoureux profile image
Stephan Lamoureux

I ported this over from the github repo and it was not too seamless, please let me know if there are any format issues etc!

Collapse
 
haresh0398 profile image
haresh

I cant create any folder inside Ubuntu home\ directory. Windows says "You need permission to perform this action"😣

Collapse
 
stephanlamoureux profile image
Stephan Lamoureux

Are you trying from the terminal? You should be able to use mkdir folder_name

Collapse
 
dcs_ink profile image
dan

Thanks for the putting this together. I've been seeing some issues with a React project, mainly no auto refresh with code change. Seems obvious now but I've been keeping the project files on a second SSD. I just tested a new project on the Linux side and it works!

Collapse
 
alesbe profile image
alesbe

Great article! I used a very simmilar environment, I used Docker and MongoDB a lot so ended up dual booting linux with Windows instead of using WSL and now I'm using only Linux!

If you use WSL daily, I recommend trying directly a Linux distro! Try it in a different hard drive, virtual machine or USB before switching and see if you like it, but overall I had a very good experience.

Collapse
 
stephanlamoureux profile image
Stephan Lamoureux • Edited

Thanks! I actually did the opposite of you and started off with Linux only and then moved over to dual boot. I do enjoy Linux, but it didn’t have some of the software I needed or gaming ability. I ended up getting tired of keeping two operating systems up to date and removed the dual boot.

Collapse
 
janinelourens profile image
Janine Lourens

Hi following along with this tutorial but:
git-credential-manager-core.exe has been renamed to git-credential-wincred.exe

stackoverflow.com/questions/724724...

Collapse
 
stephanlamoureux profile image
Stephan Lamoureux

Thank you! I have just updated the guide. The issue was that git-credential-manager-core.exe was moved to a new directory so the path needed to be changed.

Collapse
 
andrewharpin profile image
Andrew Harpin

You may want to emphasize web development

Collapse
 
ambriel profile image
Ambriel Goshi

Very valuable article

Collapse
 
drsimplegraffiti profile image
Abayomi Ogunnusi

Thank you for this post...

Collapse
 
marius93rm profile image
marius93rm

If someday I will buy a Surface, I will use this guide, great job!
Sincerely Mac User

Collapse
 
connor_cc profile image
Connor

Thanks!

Collapse
 
tqbit profile image
tq-bit

This comes perfectly in time for my new setup! Thanks a lot for the detailled descriptions.

Collapse
 
calebbarnes profile image
CalebBarnes • Edited

Good article!

I used to use WSL but I prefer to use the cross platform Powershell now to avoid weird VM edge cases (like working with electron) and other weird WSL bugs that come up.

Powershell has similar things like oh-my-posh for themeing. Most of the bash commands just work these days and you can get some more similar bash functionality by customizing your PowerShell $PROFILE.

My PowerShell $PROFILE:

Import-Module posh-git
Import-Module oh-my-posh
Set-PoshPrompt -Theme robbyrussel

# Shows navigable menu of all options when hitting Tab
Set-PSReadlineKeyHandler -Key Tab -Function MenuComplete

# Autocompletion for arrow keys
Set-PSReadlineKeyHandler -Key UpArrow -Function HistorySearchBackward
Set-PSReadlineKeyHandler -Key DownArrow -Function HistorySearchForward

$env:NODE_ENV = "development"

# Easily create aliases for any commands you want
function dev { yarn start }
Enter fullscreen mode Exit fullscreen mode
Collapse
 
jandedobbeleer profile image
Jan De Dobbeleer • Edited

This won't work anymore though:

Import-Module oh-my-posh
Set-PoshPrompt -Theme robbyrussel
Enter fullscreen mode Exit fullscreen mode

You'll need to follow the guide here and have a look at the migration guide.

Collapse
 
be41d45 profile image
Be41d45

Change the title, this how-to is dedicated for frontenders. Thanks in advance.

Also my tip is to wrap git with gh cli cli.github.com/ . It allows to pass many steps described in your article and speed up process.

Collapse
 
gcoleman2001 profile image
gcoleman2001

Nice blog...only downside is this is a disaster to setup if you are behind a company vpn has been my experience, too much messing with resolv.conf among other things....unless somebody has some steps they can share ??

Collapse
 
robole profile image
Rob OLeary

Thanks for sharing. I think this will helps folks.

I think if you have a complete choice of software , it would be more straightforward to go with a Linux distro and the default shell (usually Bash) You just install the OS and you skip the first 2 steps. No need to install a package manager.

For beginners, this may be a better route if they just want a "dev" machine. It just depends on what you are accustomed to, and what your preferences are. I use Linux and Windows, and rarely feel the need to use WSL or WINE. I go one way or the other!

Collapse
 
unonewcreations profile image
Unonew | Creations

Great article! Thanks.

Collapse
 
oeknudsen profile image
Odd Erik Knudsen

Thank you for this! Which theme are you using for your terminal? It's beautiful!

Collapse
 
wikiyu profile image
Wiktor Jędrzejczak

Dear friend... please write it clearly at the top: its WEB, FRONTEND developer guide...
bc frontend is NOT "all of development that is going in the world"