Install programs

1. Install LocalWP

2. Install Visual Studio Code or Cursor

   1. Install extensions:

      1. formulahendry.auto-rename-tag

      2. DEVSENSE.phptools-vscode

      3. bradlc.vscode-tailwindcss

      4. esbenp.prettier-vscode

      5. dbaeumer.vscode-eslint

      6. GraphQL.vscode-graphql

      7. GraphQL.vscode-graphql-syntax

   2. Setup your php executable path:

      1. F1 -> Preferences: Open User Settings (JSON)

      2. For Windows:

         1. "php.validate.executablePath": "C:\Program Files (x86)\Local\resources\extraResources\lightning-services\php-8.2.23+0\bin\win64\php"

            1. To find the php version you have installed, run:

               dir C:\Program Files (x86)\Local\resources\extraResources\lightning-services

      3. For Mac OS:

         1. "php.validate.executablePath": "/Applications/Local.app/Contents/Resources/extraResources/lightning-services/php-8.1.23+0/bin/darwin-arm64/bin/php",

            1. To find the php version you have installed, run:

               ls /Applications/Local.app/Contents/Resources/extraResources/lightning-services

   3. Configure html snippets

      1. I find the following html snippets to be very useful in development

      2. In VSCode goto: F1 -> Snippets: Configure User Snippets -> html.json

      3. Open the link : https://gist.github.com/elliott-w/1a4efffa2dfd20c1b0b63c6aef2c4c78

      4. Click Raw

      5. Copy and paste the code into the html.json file you opened earlier

3. Install Node Version Manager (NVM)

   1. For Mac OS

   2. For Windows

4. Install node v20 using NVM

   1. Run nvm ls to view your installed node versions

   2. Run nvm install 20

5. Install FileZilla

6. Install Figma desktop app

7. If you don't have one, generate an SSH key-pair:

   1. On Windows:

      1. Download and install Git for Windows

      2. Launch Git Bash

      3. ssh-keygen -t rsa -b 4096 -C "[e-mail]"

   2. On Mac OS:

      1. ssh-keygen -t rsa -b 4096 -C "[e-mail]" -f ~/.ssh/id_rsa

         1. Note: Change email to your personal git hub account email.

8. If you haven't already, add the public component of your key-pair to your github account

   1. cat ~/.ssh/id_rsa.pub

   2. https://github.com/settings/ssh/new