For this lab I selected Atom & Nuclide as my two editors.

Atom

Download link

https://atom.io/

Reason for picking

I chose this editor due to the fact that I never heard of it before and doing a little bit of research it seemed pretty cool and customize-able.

Supported languages

Using the default plugins the following language support consists of HTML,CSS, Less, Sass, GitHub Flavored Markdown, C/C++, C#, Go, Java, Objective-C, JavaScript, JSON, CoffeeScript, Python, PHP, Ruby, Ruby on Rails, shell script, Clojure, Perl, Git, Make, Property List (Apple), TOML, XML, YAML, Mustache, Julia & SQL.

Adjusting settings

in the settings tab which is accessible from File>Settings, or using the shortcut “Ctrl+,”, you can find and adjust all the settings and change them as you see fit. Including font size, tab length, auto indentation, etc. You will also be able to find all the keybindings with instructions on how to change them if you desire.

settings2

Command line use

You also have the option to open a project or file using the command line. First you need to configure your environment variables to specify the path to the bin file located at Users/{Users name}/Local/atom/bin. Once this is done you simply need to navigate to the file you wish to edit and use the command “atom {filename}”

Managing windows & searching between files

Moving and closing files is very easy in Atom. By right-clicking on the file headers at the top of the window you will get the access to move the file to another window or closing the file or other files with simple and easy to understand options. Through the Ctrl+f key you gain access to functionality to find or replace words with a couple of ways to adjust the search which includes case sensitivity, whole word matching, and section search which checks only the highlighted sections of the file. You also have the option of using the command Ctrl+Shift+f to open up a find/replace window that allows for multiple file searching, which can be narrowed down by folder or file type e.g *.js which would only check the JavaScript files in the project.

Useful commands
Ctrl+g : which goes to a line

Ctrl+end : moves to bottom

Ctrl+home : moves to top

Ctrl+Shift+k : delete current line

settings

Nuclide

This editor is actually a package which is added onto atom. I wanted to check this one out to see what it changes with atom.

Supported languages

Using the default plugins the following language support consists of HTML,CSS, Less, Sass, GitHub Flavored Markdown, C/C++, C#, Go, Java, Objective-C, JavaScript, JSON, CoffeeScript, Python, PHP, Ruby, Ruby on Rails, shell script, Clojure, Perl, Git, Make, Property List (Apple), TOML, XML, YAML, Mustache, Julia & SQL.

useful commands
Ctrl+down : move down to next line

Ctrl+up : move up to previous line

Ctrl+j : join lines together

installing packages

To install packages you simple need to go settings via File>Settings then go to the packages tab. Then you just need to type in what you are looking for in the search field or add something from the featured section below the search field.

Auto-Complete

In case you want to disable autocomplete the way to access the settings requires you to find the package autocomplete-plus which you can find under settings(File>Settings>packages) and all information regarding autocomplete which can be tweaked to your personal preference.

Opening projects

To open a project you either need to go to File>Open Folder or use the short cut Ctrl+Shift+o, then you just need to navigate to your project folder and hit open and a folder hierarchy of your project.

Extensions

I will be discussing atom’s extensions because Nuclide is a extension of atom itself.

Nuclide: advertises the use of a php debugger, a context view which allows for easy navigation between symbols and their definitions, as well as the functionality to connect to a remote server to edit files.

 atom-beautify: this extension beautifies HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL, and more in Atom.

spell-check: highlights misspelled words and shows possible corrections

Language-javascript: This is a included extension that allows the support of javascript in Atom

turbo-javascript: a collection of commands and snippets for optimizing Javascript and Typescript development productivity

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s