The latest articles on Forem by Rare (@rare). https://forem.com/rare https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F2746%2F0ea26f1c-30af-4a14-bfbe-98ed67b7cd12.png https://forem.com/rare en Kalle H. Fri, 11 Sep 2020 07:52:01 +0000 https://forem.com/rare/how-to-setup-wsl-2-for-vs-code-and-node-js-development-4bdg https://forem.com/rare/how-to-setup-wsl-2-for-vs-code-and-node-js-development-4bdg <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WpMlYkjg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/fmw2v65l7io1fuaeyh0a.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WpMlYkjg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/fmw2v65l7io1fuaeyh0a.png" alt="Code_-_Insiders_Hqq4ON4eDV"></a> </p> <p>This quick guide will demonstrate how to install the new Windows Subsystem for Linux (WSL) 2.</p> <p>WSL enables Windows users to run GNU/Linux environment under a Windows host machine. No more virtual machines or dualbooting!</p> <p><em>Note: The guide is written using Ubuntu as the Linux distribution, you may need to tweak the shell commands if want to use a different distro.</em></p> <h2> Prerequisites </h2> <ul> <li>Windows version 1903 or higher (Build 18362 or higher for x64 systems)</li> </ul> <p>ℹ️ Press Win+R and type in <code>winver</code> to find your version.</p> <h2> WSL 2 setup </h2> <p>Run following commands with <strong>elevated</strong> PowerShell.</p> <h4> Installing WSL 2 </h4> <p>⁣1. Install WSL 1<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight powershell"><code><span class="n">dism.exe</span><span class="w"> </span><span class="nx">/online</span><span class="w"> </span><span class="nx">/enable-feature</span><span class="w"> </span><span class="nx">/featurename:Microsoft-Windows-Subsystem-Linux</span><span class="w"> </span><span class="nx">/all</span><span class="w"> </span><span class="nx">/norestart</span><span class="w"> </span></code></pre> </div> <p>⁣2. Enable the "Virtual Machine Platform" optional feature.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight powershell"><code><span class="n">dism.exe</span><span class="w"> </span><span class="nx">/online</span><span class="w"> </span><span class="nx">/enable-feature</span><span class="w"> </span><span class="nx">/featurename:VirtualMachinePlatform</span><span class="w"> </span><span class="nx">/all</span><span class="w"> </span><span class="nx">/norestart</span><span class="w"> </span></code></pre> </div> <p>⁣3. Restart your machine.</p> <p>⁣4. After restarting set your WSL version to 2:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight powershell"><code><span class="n">wsl</span><span class="w"> </span><span class="nt">--set-default-version</span><span class="w"> </span><span class="nx">2</span><span class="w"> </span></code></pre> </div> <h4> Picking distro </h4> <p>Go to the Microsoft store and pick &amp; install distro you like. I chose <a href="https://www.microsoft.com/store/apps/9pjn388hp8c9">Ubuntu 20.04 LTS</a>.</p> <p>The following Linux distributions are available as of now (10th Sep. 2020):</p> <p> Full list of distributions <ul> <li><a href="https://www.microsoft.com/store/apps/9pjn388hp8c9">Ubuntu 16.04 LTS</a></li> <li><a href="https://www.microsoft.com/store/apps/9N9TNGVNDL3Q">Ubuntu 18.04 LTS</a></li> <li><a href="https://www.microsoft.com/store/apps/9n6svws3rx71">Ubuntu 20.04 LTS</a></li> <li><a href="https://www.microsoft.com/store/apps/9NJFZK00FGKV">openSUSE Leap 15.1</a></li> <li><a href="https://www.microsoft.com/store/apps/9MZ3D1TRP8T1">SUSE Linux Enterprise Server 12 SP5</a></li> <li><a href="https://www.microsoft.com/store/apps/9PN498VPMF3Z">SUSE Linux Enterprise Server 15 SP1</a></li> <li><a href="https://www.microsoft.com/store/apps/9PKR34TNCV07">Kali Linux</a></li> <li><a href="https://www.microsoft.com/store/apps/9MSVKQC78PK6">Debian GNU/Linux</a></li> <li><a href="https://www.microsoft.com/store/apps/9n6gdm4k2hnc">Fedora Remix for WSL</a></li> <li><a href="https://www.microsoft.com/store/apps/9NV1GV1PXZ6P">Pengwin</a></li> <li><a href="https://www.microsoft.com/store/apps/9N8LP0X93VCP">Pengwin Enterprise</a></li> <li> <a href="https://www.microsoft.com/store/apps/9p804crf0395">Alpine WSL</a> </li> </ul> </p> <p>There are also 3rd party distributions for WSL available. <a href="https://github.com/yuk7/ArchWSL">ArchWSL</a> is one of them.</p> <h2> Installing Node.js for WSL </h2> <p>😕 I ran into issues using NVM with WSL, we'll be installing Node.js the manual way.</p> <p>⁣1. Open WSL by hitting Win+R and typing: <code>wsl</code></p> <p>⁣2. Run following commands (You may want to up the version number):<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>curl <span class="nt">-sL</span> https://deb.nodesource.com/setup_14.x | <span class="nb">sudo</span> <span class="nt">-E</span> bash - <span class="nb">sudo </span>apt-get <span class="nb">install</span> <span class="nt">-y</span> nodejs </code></pre> </div> <p>⁣3. You can verify the installation by typing <code>node -v</code></p> <h2> Setting up VS Code </h2> <ol> <li><p>Install <a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl">Remote - WSL</a> extension.</p></li> <li> <p>Press the icon on bottom left to start new WSL session</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--cxwqlLlC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/u3tottj024nw7nuvllta.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cxwqlLlC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/u3tottj024nw7nuvllta.png" alt="firefox_bxmCokZGiH"></a></p> </li> <li><p>That's it! :)</p></li> </ol> <h2> Bonus ⭐ </h2> <h4> Install <code>yarn</code> </h4> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="nb">sudo </span>npm i <span class="nt">-g</span> yarn </code></pre> </div> <h4> Install <code>ohmyzsh</code> </h4> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>sh <span class="nt">-c</span> <span class="s2">"</span><span class="si">$(</span>curl <span class="nt">-fsSL</span> https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh<span class="si">)</span><span class="s2">"</span> </code></pre> </div> <p>You also need to change the default VS Code shell, press Ctrl+Shift+P:</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WAeKfyNQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/qokrx4sjdaf2n3ikmuka.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WAeKfyNQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/qokrx4sjdaf2n3ikmuka.png" alt="Code_-_Insiders_UIwhZNweek"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7C8vB0LE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/e3qvzrcin8atat3ndp49.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7C8vB0LE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/e3qvzrcin8atat3ndp49.png" alt="Code_-_Insiders_mKcIgqE13e"></a></p> node vscode wsl webdev