> For the complete documentation index, see [llms.txt](https://docs.vmgd.whatworks.com.au/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vmgd.whatworks.com.au/ict-team/setting-up-your-development-environment/install-programs.md).

# Install programs

1. [Install LocalWP](https://localwp.com/releases/)
2. Install [Visual Studio Code](https://code.visualstudio.com/download) or [Cursor](https://www.cursor.com/)
   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](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating)
   2. [For Windows](https://github.com/coreybutler/nvm-windows/releases/)
4. Install node v20 using NVM
   1. Run `nvm ls` to view your installed node versions
   2. Run `nvm install 20`&#x20;
5. [Install FileZilla](https://filezilla-project.org/download.php?type=client)
6. [Install Figma desktop app](https://www.figma.com/downloads/)
7. If you don't have one, generate an SSH key-pair:
   1. On Windows:
      1. [Download and install Git for Windows](https://git-scm.com/downloads/win)
      2. Launch Git Bash
      3. `ssh-keygen -t rsa -b 4096 -C "your_email@example.com"`
   2. On Mac OS:
      1. `ssh-keygen -t rsa -b 4096 -C "example@email.com" -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>

<figure><img src="https://2336033317-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRZBPVHe4q0MJV3yhChBq%2Fuploads%2FoKyrCDrBIXMDHVnZ54ae%2Fimage.png?alt=media&amp;token=3232db68-8728-4351-994d-d2106837fe72" alt=""><figcaption></figcaption></figure>

\ <br>