-
thewrongrook
@htmlnoob If you set up a minimal JavaScript environment, getting live reload/hot reload for vanilla html/css is not hard. Here's what you would need to do: Step 1: Install `nvm` (node version manager). Step 2: Use `nvm` to install node and npm. Step 3: Set up a new Vite project to get live reload: `npm create vite@latest`. Choose a name for the directory you want to make. Choose Vanilla for framework. Choose JavaScript instead of TypeScript (although it doesn't really matter). Say yes to install with npm. Step 4: Now you should be able to open a browser and go to `localhost:5173` (if it is not already automatically opened). You should see the Vite Get Started page. Step 5: Open up Gram or whatever text/code editor and open up `index.html` in the directory Vite created for you. Delete the line `<script type="module" src="/src/main.js"></script>` . You can also delete the whole `src` directory. The page in your browser should turn blank, and any changes you make to `index.html` will show up automagically. In general, you start a live reload session with `npm run dev` in the directory, and if you want to load external files, put them in the `public` directory on your computer, but don't include the `public` in the path in the html. (You can see how this works with the `/favicon.svg` in the generated `index.html`.