Atom Text Editor Introduction


atomtexteditorlogo

Here is what Wikipedia says about Atom: “Atom is a free and open-source text and source code editor for OS X, Linux, and Windows with support for plug-ins written in Node.js, and embedded Git Control, developed by GitHub. Atom is a desktop application built using web technologies. Most of the extending packages have free software licenses and are community-built and maintained. Atom is based on Electron (formerly known as Atom Shell), a framework that enables cross-platform desktop applications using Chromium and Node.js. It is written in CoffeeScript and Less. It can also be used as an integrated development environment (IDE). Atom was released from beta, as version 1.0, on June 25, 2015. Its developers call it a ‘hackable text editor for the 21st Century’.”.

Atom is another text editor option, along with Visual Studio Code.

For more information you can have a look at this article at elegantthemes.com.

Open Folder in Atom

In Windows Explorer is it a good idea to add “Open Folder in Atom” to the popup menu when you right click the folder in Windows Explorer. To do this, in Atom, go to File, Settings, System Settings.

TypeScript in Atom

To get the highlighting for your TypeScript files you will need to have the atom-typescript package installed into Atom. To do this, open Atom and go to File, Settings, Install. You can also get there from the Welcome Guide, Install a Package, Open Installer. You can enter TypeScript in the search box.

Atom-Live-Server

You can install this package and launch an http server with live reload capability. This means that if you make a change to your html file and save in in Atom, you will see the update automatically in your browser. After you install it you should see “Live Server” in the Packages menu of Atom. You can choose which port you want the project to run on.