The only TypeScript package you will ever need
TypeScript CSS CoffeeScript
Latest commit d9fa07a Jan 8, 2017 @guncha guncha committed on GitHub Merge pull request #1159 from code-tree/patch-1
Added note about #1054 to FAQ
Failed to load latest commit information.
dist Merge pull request #1144 from kyasbal-1994/master Dec 15, 2016
docs Added note about #1054 to FAQ Dec 15, 2016
grammars Update grammar Dec 11, 2016
images file semantic view complete Jul 23, 2015
keymaps fix(keymaps) keymaps were broken for `.tsx` files after scope rename Oct 23, 2015
lib Merge pull request #1144 from kyasbal-1994/master Dec 15, 2016
menus fix(keymaps) stronger specifity of build and go to declaration commands Mar 4, 2015
scripts Update grammar script and grammars themselves Oct 26, 2016
settings fix(tsx) prefer `//` comments same as .ts Nov 3, 2015
snippets Add snippet to import using single quotes (as in Angular2) Nov 24, 2016
styles fix: tooltip contents floats out of the tooltip container Sep 7, 2016
views feat(tooltip) no longer depend upon 'tooltips.less' as it might not b… Apr 15, 2015
.gitattributes (otherwise Jason showed up) Jul 10, 2015
.gitignore Start using `typings` Nov 23, 2015
.travis.yml Bump node version on travis-ci Oct 23, 2016 Use byots and update all references to ntypescript Oct 23, 2016 initial commit Jun 21, 2014 Update Feb 5, 2016
VSProj.njsproj Move to using `glob` library (optimised globbing) Oct 8, 2015
VSProj.sln Added visual studio support to get the ball rolling Jan 20, 2015
globals.js have working `ref` and `import` snippets and completions Feb 27, 2015
package.json Prepare 10.1.13 release Dec 12, 2016 Create Jul 15, 2016
typings.json chore(compile) move more stuff to typings 🌹 Jan 25, 2016

Atom TypeScript

Join the chat at

JavaScript developers can now just open a .ts file and start hacking away like they are used to. No grunt no Visual Studio. Just pure coding.


  1. Install atom.
  2. apm install atom-typescript (apm needs git in your path)
  3. Fire up atom. Open a TypeScript file. Potentially wait for further installs (just apm install linter if its not there already).

Additional Notes: Some packages we love.


Featured on the TypeScript home page under tools and demoed by Anders Hejlsberg.

"I was shocked at how good it felt to poke around on the compiler with it." Jonathan Turner
"And guess what, it worked perfectly. Like everything else! Faster than Visual Studio!" Daniel Earwicker
"It's a thing of beauty - they had me at 'Type information on hover'. Discovering tsconfig.json support as well was just an enormous bonus." John Reilly
"This may be your best option for editing TypeScript at the moment - very nice!" Rasmus Schultz

Add yours!


  • Autocomplete
  • Live error analysis
  • Type information on hover
  • Compile on save
  • Project Context Support (tsconfig.json)
  • Project Build Support
  • package.json Support
  • React Support
  • Format code (configurable to be on save)
  • Goto Declaration
  • Find References
  • Block comment and uncomment
  • Goto history (goto next/previous error in open files, goto next/previous build)
  • Auto indent for new lines
  • TypeScript context menu
  • Symbols in Project
  • Symbols in File
  • Semantic View
  • Rename refactoring
  • Quick Fix
  • Toggle Breakpoint
  • Common Snippets
  • import / /// <reference relative path resolution
  • Output Toggle
  • AST visualizer
  • Dependency View
  • Sync


Located online :

Feature Details

Auto Complete

Internally using AutoComplete+. Just start typing and hints will show up. Or you can explicitly trigger it using ctrl+space or cmd+space. Press tab to make a selection.

Type information on hover

Just hover

you definitely get the point

Compile on save

TypeScript files will be compiled on save automatically. Different notifications are given if emit was successful or not. If you need to disable this feature, add "compileOnSave": false in your tsconfig.json.

Project Support

Supported via tsconfig.json which is going to be the defacto Project file format for the next versions of TypeScript.

It also supports filesGlob which will expand files for you based on minmatch|glob|regex (similar to grunt).

Project Build Support

Shortcut: F6. If there are any errors they are shown as well.

NPM Module Support

We have a sample NPM module : (trick : in tsconfig have "declaration" : true an in package.json have a typings field pointing to the main file) and its usage is demoed in

React Support

Configuration tips

Covered here :

Html to TSX

Format Code

Shortcut : ctrl+alt+l or cmd+alt+l. Will format just the selection if you have something selected otherwise it will format the entire file.

Format on save is covered here

Go to Declaration

Shortcut : F12. Will open the first declaration of the said item for now. (Note: some people call it Go to Definition)

Find References

Shortcut shift+F12. Also called find usages.

Block Comment and Uncomment

ctrl+/ or cmd+/. Does a block comment / uncomment of code.

Go to Next / Go to Previous

f8 and shift+f8 respectively. This will go to next/previous errors in open files OR build error OR references based on which tab you have selected.

Context menu

Quickly toggle the TypeScript panel OR select active TypeScript panel tab and other stuff using the context menu. ctrl+; or cmd+;.

Symbols View

Integrates with atom's symbols view (ctrl+r or cmd+r) to provide you with a list of searchable symbols in the current file.

Semantic View

A bird's eye view of the current file. Use command toggle semantic view. The view updates while you edit the code. You can also click to jump to any portion of the file.

Project Symbols View

Also called Go To Type in other IDEs. Integrates with atom's project level symbols (ctrl+shift+r or cmd+shift+r) to provide you with a list of searchable symbols in the entire typescript project.



f2 to initiate rename. enter to commit and esc to cancel.

Quick Fix

Press the TypeScript: Quick Fix shortcut alt+enter at an error location to trigger quick fixes. Select the quick fix you want and press enter to commit e.g

Add class members

More Quick fixes

We are actively adding quick fixes so go here for an up to date list.

Toggle Breakpoint

Use command TypeScript: Toggle Breakpoint shortcut f9:

tsconfig validation

We will validate it and help you to fix it :)


Relative Paths

Relative paths have traditionally been a pain, not anymore. Use import or ref and press tab to trigger snippet.



Note that within the path string you get autocomplete (ctrl+space/cmd+space) for all the files in the project by filename (works for both ref and import).

Output Toggle

ctrl+shift+m to toggle the output compiled JS file for a give TypeScript file. The keyboard shortcut is consistent with atom's markdown preview.

AST Visualizer

Command : Typescript: Ast. Useful when authoring new features.

Also command : TypeScript: Ast Full that includes the trivia (punctuation, comments etc. received from ts.Node.getChildren()) as well.

Dependency View

Command : Typescript: Dependency View. A dependency viewer for insight into the project if you use external modules. You can zoom, pan, drag points around and hover over nodes. (more details)


We try to keep as much of the stuff in sync while you edit code. However in dire circumstances:

  • a soft sync is done when you save a file ctrl+s and we will completely reprocess the active file. This might not fix stuff if the error is because of some other file on the file system.
  • ctrl+' or cmd+' : If you deleted files in the background or renamed them or jumped git branches or something weird just happened then sync. No need to restart your IDE :).


Look at for curiosity. We work hard to keep the code as approachable as possible and are highly keen on helping you help us.


Breaking changes available online.