I am no expert on IDEs - I just use PHPstorm as it has uses for authoring SVG files that you don't get with Inkscape or other proper programs for SVG. I do put my docs on a Apache server that is localhost but the built in server of PHPstorm is pretty good. You get green squiggles under spelling mishtakes rather than angry red lines, you also get proper red squiggles for errors in HTML.
I don't need to use extensive facilities when writing HTML, the 'reformat code' button does come in handy and that is about it.
I think you get this in all IDEs. So my advice is to stick with what you know or go with VSCode. VSCode moght fall over with huge code bases but it 'War and Peace' is small compared to a codebase.
There is some vagueness about writing semantic HTML5, for instance, do articles go in sections or vice versa?
This does not help. I go with a main inside the body tag with that containing articles. Then in each article I put sections, asides and figures.
To keep my writing succinct I find that the html5 details/summary elements are really handy. You can write an article that has a paragraph of text and some bullet list of things then hide the waffle in a details/summary element rather than have it linked to on a separate page.
You can put sections, articles, more details/summary disclosure elements in a details/summary combo.
This is a world away from writing templates where everything is a div with classes and ids.
What I also recommend is a basic CSS stylesheet that loads a font with the font being variable width. Use that for the document, then use CSS grid to put some margins in so put header, footer, main in column 2 with the grid-template-columns set to something like 5vw 1fr 5vw. There is no need for 'reset.css' or other stuff, you have something pleasant to work with that can then be tinkered with over time, responsive out the box.