Skip to content

Chapter 1: Development Environment

  1. Install & setup VS code on your PC or laptop.

    1. Download VS code according to your OS. You can find the relevant package/executable here.
      Download VS Code
      How to install:
      Windows: https://code.visualstudio.com/docs/setup/windows
      Linux: https://code.visualstudio.com/docs/setup/linux
      Mac: https://code.visualstudio.com/docs/setup/mac



    1. After installing VS Code, Open it. If you open VS Code for the first time, you'll get the following screen. Here you can see some configuration settings(Ex - theme) and a quick setup guide. You can go through this guide if you're new to VS Code or can simply click "Mark Done" to skip these steps.

      Initial page

    2. After opening VS Code, go ‘Extensions’ tab by clicking the following icon on the left menu or you can find the ‘Extensions’ tab, Top menu > View > Extensions.

      Find Extensions tab

    3. In the search box, search for ‘tailwind’ and install the ‘Tailwind CSS IntelliSense’ extension by Tailwind Labs.

      Search for tailwind extension

    4. Then click 'Install' button to install the extension on your PC. After installing you'll see bellow tab/window.

      Install tailwind extension

  2. Install the node on your development PC or laptop.

    1. Download node according to your OS. You can find the relevant package/executable here.
      Download node
      How to install:
      Windows, Linux, Mac: https://kinsta.com/blog/how-to-install-node-js/

    Open terminal and type the following command to confirm everything has been installed correctly. ‘npm -v’

    Check node

  3. Install git on your PC or laptop.

    GIT

    1. Download the git according to your OS. You can find the relevant package/executable here:

      Windows: https://git-scm.com/download/win
      Linux: https://git-scm.com/download/linux
      Mac: https://git-scm.com/download/mac

      How to install:
      Windows, Linux, Mac: https://www.atlassian.com/git/tutorials/install-git

    Open terminal and type the following command to confirm everything has been installed correctly. ‘git --version’

    Check GIT