Pick an editor that suits you, install it, and apply the handful of settings that change everything.
Open this lesson in KodokonSince code is text, Notepad would technically do the job. In practice, a code editor will save you a huge amount of time and spare you dozens of mistakes. This is not a professionals-only tool reserved for insiders: it actually helps most when you are starting out, because it flags the slips your eye cannot catch yet.
Four features justify the install on their own. Syntax highlighting shows keywords, text and numbers in different colors: a piece of text you forgot to close then jumps right out at you. Automatic indentation lines your code up so the structure stays readable. Autocompletion suggests the rest as you type, which kills typos. And error underlining highlights problems before you have even run the program.
Which one should you pick? To start out, go with Visual Studio Code, often shortened to VS Code. It is free, it runs on Windows, macOS and Linux, and it is by far the most widely used: every tutorial you read will assume it. Download it only from its official site, code.visualstudio.com. Two alternatives if you would rather: Zed and Sublime Text, both lighter. Do not spend three days comparing them: your editor is just a tool, and you can always switch later.
The installation holds no surprises: download the file, run it, accept the default options. On Windows, a checkbox offers to add an "Open with Code" entry to the right-click menu: tick it, it is genuinely handy. On first launch, the editor offers you a light or a dark theme. Pick whichever is easier on your eyes, it has no other consequence.
Here is the most important habit in this lesson: always open a folder, never a single file on its own. Use File, then Open Folder, and point at your project folder. The editor then shows the whole file tree in a side panel, can search across all your files, and understands how they connect. Opening a lone file is like reading a page torn out of a book.
{
"files.encoding": "utf8",
"files.eol": "\n",
"files.autoSave": "afterDelay",
"editor.tabSize": 2,
"editor.renderWhitespace": "boundary"
}{
"files.encoding": "utf8",
"files.eol": ___
}