Coders' Guidebook

Choosing a code editor: the tool you will use to build your website

Anyone looking to build a website from scratch will require a code editor. Code editors allow you to create and edit the files your website will use to run. But which code editor should you choose? There are so many out there! Well fear not. This article will cover three of the most popular code editors out there and run through what sets them apart.

code_editor_main.jpeg

Notepad++

If you are just beginning to learn how to code, then Notepad++ makes a great first choice. It is easy to use and supports almost any filetype you may need for your website (e.g. HTML, JavaScript, PHP etc.). You could build a fully functioning website using Notepad++ alone.

notepad.png

Visual Studio Code

If you're after a slightly more sophisticated code editor though then you may like to try Microsoft's Visual Studio Code. Visual Studio Code contains an in-built terminal window (which can be useful when you begin to do some more advanced coding with Python and GitHub etc.) and IntelliSense autocomplete functionality to prevent you having to keep typing out repetitive bits of code. It is also well supported by all the major operating systems (Windows, Mac and Linux) and you can also import themes and plugins to personalise your version of Visual Studio Code.

visual-studio-code.png

Atom

Last but not least, we have Atom. Besides being one of the most visually appealing code editors, Atom is also incredibly intuitive to navigate. You can easily browse your project's folders from within Atom itself, which is especially handy when you're working on a project that requires multiple open files such as Django. Atom is also well integrated with Github: an online platform for sharing and editing coding projects. This integration is useful when you are collaborating on a project with other coders because you can all edit project files remotely.

atom.png

Once you have installed the code editor of your choice, you are ready to begin creating your website.

Next >>>