I'm really not sure what's happening. The live server keeps defaulting to something it isn't on port 5501 so I searched stack overflow and found this help for the problem
but when I go to settings.json it looks different and on closer inspection it looks like the settings for a different extension (prettier).
{
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "workbench.colorTheme": "Monokai",
    "liveServer.settings.donotShowInfoMsg": true,
    "window.zoomLevel": 0,
    "files.autoSave": "off",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "security.workspace.trust.untrustedFiles": "open",
    "liveServer.settings.CustomBrowser": "chrome",
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "files.associations": {
        "*.php": "php"
    },
    "liveServer.settings.useLocalIp": true
}
I've tried uninstalling prettier and live-server(and live sass) but all that happens is the file stays the same and it doesn't recognize the "esbenp.prettier-vscode".
I am relatively new to programming and have no idea what's happening?
I'm guessing if I can just get a copy of the correct settings.json I can copy, paste, save it and it'll work? but I can't find the file on the github page.
Can anyone help me out?
Thanks
EDIT: below is my current code
{
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "workbench.colorTheme": "Monokai",
    "liveServer.settings.donotShowInfoMsg": true,
    "window.zoomLevel": 0,
    "files.autoSave": "off",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "security.workspace.trust.untrustedFiles": "open",
    "liveServer.settings.CustomBrowser": "chrome",
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "files.associations": {
        "*.php": "php"
    },
    
    "liveServer.settings.multiRootWorkspaceName": "",
    "liveServer.settings.port": 0
}