macのlocal環境にtypescriptを導入

職場が静的型付け言語使ってきた人が多いので、

その人達の学習コストの事だったり

コンパイル時にバグを発見できたりであったり

そんな事情でtypescriptを使っています。

導入の仕方の備忘録。

typescriptの導入

1. typescriptをglobal install

npm install -g typescript

2 . コードを書く

class Dog {
  private name: string;

  constructor(name: string) {
    this.name = name;
  }
}

const dog = new Dog('pochi');

3. typescriptからJavaScriptにコンパイルする

tsc hello.ts

こんなjsファイルが生成されます。

var Dog = /** @class */ (function () {
    function Dog(name) {
        this.name = name;
    } 
    return Dog;
}());
var dog = new Dog('pochi');

webpackの導入

いちいちコンパイルするの面倒くさいよね。

ファイル保存時に自動でコンパイルしてくれたらうれしい

コンパイルが終わった後にいちいちブラウザリロードするの、
面倒くさいよね。

コンパイルが終わったら自動でブラウザをリロードしてくれるとうれしい

コード量が増えたらファイル分けたいよね。

外部ファイルが読み込めるようになったらうれしい

webpackを導入しましょう。

（次回の記事）