I found it! I spent many hours trying to find the solution. I followed your steps but it didn't change something during the refreshing of the page.

I tried to change the setting.json, uninstall and install the vs code (insider and classic) again, delete and open a new account in GitHub, and see many videos but it remained the same; each change in HTML or CSS didn't appear on the page when I refreshed it.

So, I followed your steps about the Line Server and nothing changed but I kept them. I ended up searching the settings on the visual studio code.

1. Open
2. Choose "Settings"
3. In the section "Commonly Used", find the option "Files: Auto Save" (the first option on 08/09/2022)
4. Open the menu of options and confirm the "afterDelay"

You need to add this code: for

Usage from node

Example:

var liveServer = require("live-server");

var params = {
    port: 8181, // Set the server port. Defaults to 8080.
    host: "0.0.0.0", // Set the address to bind to. Defaults to 0.0.0.0 or process.env.IP.
    root: "/public", // Set root directory that's being served. Defaults to cwd.
    open: false, // When false, it won't load your browser by default.
    ignore: 'scss,my/templates', // comma-separated string for paths to ignore
    file: "index.html", // When set, serve this file for every 404 (useful for single-page applications)
    wait: 1000, // Waits for all changes, before reloading. Defaults to 0 sec.
    mount: [['/components', './node_modules']], // Mount a directory to a route.
    logLevel: 2, // 0 = errors only, 1 = some, 2 = lots
    middleware: [function(req, res, next) { next(); }] // Takes an array of Connect-compatible middleware that are injected into the server middleware stack
};
liveServer.start(params);

Or else you can add a file .live-server.json :

If that exists it will be loaded and used as default options for live-server on the command line.

For more details see: https://www.npmjs.com/package/live-server

I solved my problem just by changing the extension, now I use "Five Server"