.ts file and start hacking
away like they are used to. No
Visual Studio. Just pure
NOTE: When updating to v12, make sure
package is enabled. We're discontinuing our own grammar in favor of
language-typescript. Both are very similar and are basically
Microsoft's TextMate grammar repackaged, and there's little reason to
bundle our own if there's one available by default.
NOTE: This branch contains a major rewrite (v11) of the
atom-typescript plugin that is lighter and faster, but lacks a few
major features that you might miss. The previous version is still
available in the
legacy branch and will continue to receive minor
bugfixes. However, I wouldn't count on any new developments for that version.
- Install atom.
- Install dependencies (see below).
apm install atom-typescript(
gitin your path).
- Fire up atom. Open a TypeScript file.
Atom-TypeScript relies on some external packages for providing some of its GUI. You basically have two options.
Option 1: Install
Option 2: Install the following packages:
Additional Notes: Some packages we love.
"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!"
a thing of beauty - they had me at 'Type information on hover'.
tsconfig.json support as well was just an enormous bonus."
"This may be your best
option for editing TypeScript at the moment - very nice!" Rasmus
- Live error analysis
- Type information on hover
- Compile on save
- Project Context Support (
- Project Build Support
- Goto Declaration
- Find References
- Semantic view
- Block comment and uncomment
- Rename refactoring
- Common Snippets
- Alternative to symbols-view
Internally using AutoComplete+. Just start typing and hints will show
up. Or you can explicitly trigger it using
tab to make a selection.
Type information on hover
Compile on save
"compileOnSave": true is set in
tsconfig.json, TypeScript files
will be compiled and saved automatically. The compiler does its best to
emit something, even if there are semantic errors in the file.
atom-typescript supports all the same options the TypeScript compiler
does as it's using it behind the scenes to do all of the heavy lifting.
atom-typescript will use the exact version of TypeScript you
have installed in your
cmd+alt+l. Will format just the selection
if you have something selected otherwise it will format the entire file.
Go to Declaration
F12. Will open the first declaration of the said item for
now. (Note: some people call it Go to Definition)
shift+F12. Also called find usages.
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.
ctrl+enter on a Mac and
alt+enter for Windows and Linux
alt+a when using
Alternative to symbols-view
symbols-view package only works with
ctags. This is obviously
unsuitable for TypeScript. Hence, we provide two commands to emulate
Both are bound to the same keys as corresponding
Look at CONTRIBUTING.md 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.