BEST Web Dev Setup? Windows & Linux at the same time (WSL)
Fireship
10 min, 36 sec
A detailed guide on configuring a web development environment on Windows using WSL, Linux, VS Code, and various developer tools.
Summary
- Explains how Windows has become an excellent platform for web developers, especially because of the Windows Subsystem for Linux (WSL).
- Provides step-by-step instructions on setting up WSL, including the differences between WSL1 and WSL2 and how to install Linux distributions from the Microsoft Store.
- Shows how to configure the terminal with Z shell and Oh My Zsh for a better user experience and how to integrate the Linux environment with Visual Studio Code.
- Covers the installation of essential tools such as Node.js, Git, the GitHub CLI, and Docker, along with tips for managing node versions and Git credentials.
- Recommends installing multiple browsers like Chrome, Firefox, and Brave for various development and debugging tasks.
Chapter 1
Introducing the benefits of using Windows for web development and the importance of the Windows Subsystem for Linux (WSL).
- Windows has become a compelling platform for web developers due to WSL.
- WSL allows running a genuine Linux environment on Windows, enabling the use of Linux tools alongside Windows applications like Adobe Photoshop.
- The presenter underscores the ability to work in both Linux and Windows environments simultaneously.
Chapter 2
Guiding through the setup of WSL, choosing a Linux distribution, and pointing out the differences between WSL1 and WSL2.
- Instructions on enabling WSL through PowerShell and restarting the system.
- Details on installing a Linux distribution from the Microsoft Store, recommending Ubuntu and explaining the collaboration between Canonical and Microsoft.
- Differentiates between WSL1 and WSL2, with a note on the upcoming WSL2 general availability.
Chapter 3
Configuration of the terminal and basic Linux commands to navigate and manipulate the file system.
- Demonstrates how to open the WSL terminal, list Linux distributions, and confirms the execution of unmodified Linux binaries.
- Shows the integration of Linux's file system with Windows and highlights the inefficiencies of a dual-boot system compared to WSL.
- Introduces basic Linux commands like 'ls', 'mkdir', 'cd', 'touch', and using 'sudo' for administrative privileges.
Chapter 4
Enhancing the terminal's appearance and functionality using Z shell and Oh My Zsh.
- Explains changing the command prompt using the PS1 environment variable in the bash or Zsh configuration files.
- Details installing Z shell and Oh My Zsh to access themes and plugins, including setting the theme to 'random' for variety.
- Mentions how to select and set a preferred theme in the Zsh configuration.
Chapter 5
How to connect the Linux subsystem with Visual Studio Code for a seamless development environment.
- Guide for installing the Remote WSL extension for VS Code.
- Shows how to open a new VS Code window that's integrated with the Linux environment.
- Highlights the distinction in running Node.js scripts from Linux versus Windows within VS Code.
Chapter 6
Instructions on installing Node.js using Node Version Manager (NVM) and updating Git on Ubuntu.
- Provides steps to install NVM and use it to install and manage multiple Node.js versions.
- Discusses updating Git, setting global configuration values, and caching Git credentials for convenience.
Chapter 7
Installation of the GitHub CLI and Docker, including tips for using Docker Desktop and the upcoming WSL2 support.
- Outlines the steps to install the GitHub CLI for managing GitHub repositories.
- Recommends Docker Desktop for container management and mentions the expected full support for Docker in WSL2.
Chapter 8
More Fireship summaries
The Gemini Lie
Fireship
The video analyzes Google's new large language model, Gemini, and its capabilities as compared to GPT-4. The discussion includes an evaluation of Gemini's hands-on demo, a critical look at its benchmark scores, and a prospective view on its future implications.
Nuxt in 100 Seconds
Fireship
A detailed overview of Nuxt.js, a framework for building web applications using Vue.js, covering its features and capabilities.
the ChatGPT store is about to launch… let’s get rich
Fireship
The video discusses the potential of monetizing custom GPT agents on OpenAI's platform and provides ideas and steps to build and deploy an agent.
Nvidia CUDA in 100 Seconds
Fireship
The video introduces NVIDIA's CUDA technology, explains how it utilizes GPU capabilities for parallel computing, and demonstrates creating a simple CUDA application.