TypeScript on Mac

TypeScriptがなにやら楽しそう。 Macでも導入出来るっぽい。

TypeScriptを導入するには、node.jsが必要。 今のところzsh使いに最適な方法は nodebrew を使う方法みたい。

curl でパイプにつないで直接入れる方法もあるっぽいけど、自分はこういうのは自分の設定ファイルの submoduleにいれときたい（忘れる）ので、submodule add してからインストール。

1
2
3
4
5
6
7
8
9
10
11

$ git submodule add https://github.com/hokaccha/nodebrew.git nodebrew
$ cd nodebrew
$ perl nodebrew setup
fetching nodebrew...
install nodebrew in $HOME/.nodebrew

========================================
Add path:

export PATH=$HOME/.nodebrew/current/bin:$PATH
========================================

記述に従い、.zshenvに追加。

1
2
3
4

# nodebrew
if [[ -f ~/.nodebrew/nodebrew ]]; then
    export PATH=$HOME/.nodebrew/current/bin:$PATH
fi

使い方は、nodebrewコマンドを打てばわかる。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

$ nodebrew
nodebrew 0.6.0

Usage:
    nodebrew help                       Show this message
    nodebrew install <version>          Download and install a <version> (compile from source)
    nodebrew install-binary <version>   Download and install a <version> (binary file)
    nodebrew uninstall <version>        Uninstall a version
    nodebrew use <version>              Use <version>
    nodebrew list                       List installed versions
    nodebrew ls                         Alias for `list`
    nodebrew ls-remote                  List remote versions
    nodebrew ls-all                     List remote and installed versions
    nodebrew alias <key> <version>      Set alias to version
    nodebrew unalias <key>              Remove alias
    nodebrew clean <version> | all      Remove source file
    nodebrew selfupdate                 Update nodebrew
    nodebrew migrate-package <version>  Install global NPM packages contained in <version> to current version

Example:
    nodebrew install v0.6.0     Install a specific version number
    nodebrew use v0.6.0         Use a specific version number

最新をインストール

1
2
3
4
5
6

$ nodebrew install latest
$ nodebrew list
v0.9.4

current: none
$ nodebrew use v0.9.4

これでnpmコマンドも使用出来るようになっているので、npmでTypeScriptをインストール

1

$ npm install -g typescript

TypeScript -> JavaScriptの変換

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

$ tsc
Syntax:   tsc [options] [file ..]

Examples: tsc hello.ts
          tsc --out foo.js foo.ts
          tsc @args.txt

Options:
  -c, --comments  Emit comments to output
  --declaration   Generates corresponding .d.ts file
  -e, --exec      Execute the script after compilation
  -h, --help      Print this message
  --module KIND   Specify module code generation: "commonjs" (default) or "amd"
  --nolib         Do not include a default lib.d.ts with global declarations
  --out FILE      Concatenate and emit output to single file
  --sourcemap     Generates corresponding .map file
  --target VER    Specify ECMAScript target version: "ES3" (default), or "ES5"
  -w, --watch     Watch output files
  @<file>         Insert command line options and files from a file.

$ tsc test.ts

上記で同じディレクトリにtest.jsが出来る。

wsh の定義ファイル(d.ts)が欲しい

Comments