Setting up your development environment all by yourself is your first challenge as an aspiring web developer these days. It's challenging, with lots of searching on the internet involved, however it will stress you which forces you to improve your core skills and grow as a developer. While many people find setting up tiresome, I hope it sparks some joy for you, because web development is all about tooling and coding. There are many web developers out there, me 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 their tooling in one Integrated Development Environment (IDE), there are developers who prefer to use multiple lightweight tools (e.g. editor/IDE, standalone terminal) and 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
- integrated terminal to execute code
That's everything you need: Node/NPM + editor/IDE + terminal (also called "the command line"). I hope these guides help you to get started!