Contents

Code editor

While the code we need to write is text, having a good editor goes a long way to help us understand and manage the code we write. There are a bunch of goos options to choose from, but we shall go with one of the best (and my personal favourite) – VS Code from Microsoft.

Visual Studio Code - Code Editing. Redefined

We shall also install a bunch of extensions that will help make the code more readable. You can also browse the extensions marketplace to find some good ones that fits your needs.

• ESLint to beautify the code automatically
• HTML class suggestions to suggest class attributes based on the CSS
• Color Highlight to show colours based on your hex codes in the editor
• Bracket pair colorizer to highlight pairs of brackets in your code
• NPM Intellisense which can help autocomplete npm modules in import statements.

GitHub

GitHub is a platform that provides internet hosting for software development and version control. It is a good practice to keep your code on a cloud platform like this, because it lets you collaborate with others on the codebase, among other things. In our case, we shall also use it for hosting and deploying our website using GitHub Pages.