Setting up your development environment all by yourself is your first challenge as a aspiring web developer these days. It's challenging, with lots of searching on the internet involved, however, it will stress your nerves to grow your core skills as a developer. While many people would find such a setup tiresome, I hope it does spark joy for you, because web development is all about tooling and coding. There are many web developers out there, myself included, who refine their tooling all the time. So I hope you get excited about this process as well.
Essentially there are two different philosophies that define your setup as a web developer. While there are developers who prefer to have all tooling in one Integrated Development Environment (IDE), there are developers who prefer to use multiple lightweight tools (e.g. editor/IDE, standalone terminal) but combine them for their purposes.
Personally, I follow the latter philosophy (see guide above), because it gives me more flexibility. However, for beginners to web development I recommend using one tool (IDE) to rule them all. The IDE (e.g. VS Code) combines everything that is needed for coding (editor) and executing the code (integrated terminal).
Both setups show you how to install the following tools. Here comes the gist of what's needed and why it's needed:
- Node.js and NPM
- VS Code
- editor to write code
- integrate terminal to execute code
That's everything you need: Node/NPM + editor/IDE + terminal (also called command line). I hope these guides help you to get started!