DEV Community

Cover image for From scratch to Create React App on Windows 10

From scratch to Create React App on Windows 10

Scott Spence on December 30, 2018

Photo by Luana De Marco on Unsplash An opinionated guide on setting up a web development environment on Windows 10 I have been a profes...
Collapse
 
kalinchernev profile image
Kalin Chernev

Useful share, I tried cmder.net/ for the terminal, but hyper seems to be better.

Collapse
 
spences10 profile image
Scott Spence • Edited

Yeah, cmder was my choice when I was running node on Windows. When I switched to full (sort of) WSL I went with Hyper.

I haven't used it in a while @kalinchernev do you use it?

Collapse
 
kalinchernev profile image
Kalin Chernev

Actually, I started using Hyper, as I didn't have any special/advanced use case to be with cmder. I made a basic use of nvm as well, by the way, didn't notice anything specific to be different than how it would work in a regular Linux environment.

The only slight drawback I've experienced so far with the WSL/Ubuntu/zsh/oh-my-zsh/nvm/yarn and similar is the speed of getting the job done. Comparing between my Manjaro and the W10 with WSL, speed of yarn install is probably 5-6 less than usual.

Thread Thread
 
spences10 profile image
Scott Spence

Just playing with the Hyper canary release and so far seems 👌

I know what you mean about slower and it's something I have learned to live with, like most things it's a trade off :)

Thread Thread
 
kalinchernev profile image
Kalin Chernev

By the way, another useful app I found today is wox.one/
I'm still on the conservative side with Windows, but I'm willing to use for a few months as my OS for work and see how it goes in overall :)

Collapse
 
thehashrocket profile image
Jason Shultz

This was super helpful and I really appreciate the effort you put into this. I'm wondering if you've run across a scenario where the wsl.conf file works in HyperJS but not in the WSL shell?

Collapse
 
spences10 profile image
Scott Spence

Hi @thehashrocket thanks for your kind words 🙏

I'm not entirely sure I know what you mean however when you say working in Hyper but not WSL?

What is the situation you are experiencing this with?

Hyper is the terminal you use WSL in, so maybe there's a missing configuration somewhere?

Collapse
 
thehashrocket profile image
Jason Shultz

Hey, Scott, thank you for your response, I appreciate it! I'm wondering if it's a config issue as well.

So what I'm referring to, is, in HyperJS when I first launch, it immediately is in my windows user's home directory which is what I want. But when I launch the Ubuntu app, it's in in the ubuntu home directory. It's kind of weird. I'm attaching a screenshot so you can see it as well.

Enable extra metadata options by default

[automount]
enabled = true
root = /
options = "metadata,umask=22,fmask=11"
mountFsTab = false

Enable DNS – even though these are turned on by default, we’ll specify here just to be explicit.

[network]
generateHosts = true
generateResolvConf = true

Collapse
 
marlonmarcello profile image
Marlon Ugocioni Marcello

Been using this set up since the day you posted it and It's great. It's only a bit slower compared to my linux set up but it works fine.

Collapse
 
spences10 profile image
Scott Spence

Awesome!

Did you come across any stumbling blocks following the guide @marlonmarcello ? I'd like to know if you did, I actually started from scratch on two machines to make sure that the process was as close to starting again as possible but there's always some configurations that you miss.

Collapse
 
marlonmarcello profile image
Marlon Ugocioni Marcello

Not at all, worked like a charm, thanks again for this.

Collapse
 
saint4eva profile image
saint4eva

Very impressive. Thank you.

Collapse
 
bpollifroness profile image
bpollifrone-ss

You can configure fish to be the default shell without needing 'f' if you use wsl.exe instead of bash.exe. It respects your /etc/passwd shell setting.