TypeScript & PhpStorm or WebStorm

UPDATE
Looks like PhpStorm and WebStorm 6.0 will have TypeScript support in it. PhpStorm & WebStorm 6.0 Early Access Program


I have to say I love PhpStorm as a IDE. The code intelligence is awesome but it currently does not support TypeScript. The best I can do is get PhpStorm to recognize *.tc file extension and color code some of the main key words. Hopefully JetBrains will add support to PhpStorm and WebStorm soon.

Goto the PhpStorm or WebStorm Settings. On Windows or Linux goto File > Settings and on Mac OS goto PhpStorm > Preferences.

Once in Settings look under “IDE Setting” and click “File Types”.
Under “Recognized File Types” click the add button.

Now enter in the info below in the screen shot.

For the Keywords tabs I entered in the following:

Tab 1

implements
interface
let
package
private
public
static

Tab 2

class
export
extends
import
super
constructor
module

Tab 3

break
case
catch
continue
debugger
default
delete
do
else
finally
for
function
if
in
instanceof
new
null
return
switch
this
throw
try
typeof
var
void
while
with

Tab 4

number
string
bool
any

You can read more how to Installing TypeScript on a Mac or how to do Object Oriented Programming with TypeScript.

If you like this tutorial please provide a link back to this page or my site.

Leave a Reply