l08084のブログ

不老不死になりたい

TypeScript2.0.2 + Visual Studio Codeの設定メモ

qiita.com

エラーが発生しちゃったので、自分用にメモ。

エラー内容

Angular2に入門しようと、上記サイトを見ながらVSCodeで写経をしていたら下記エラーが発生。

Experimental support for decorators is a feature that is subject to change in a future release. Specify '--experimentalDecorators' to remove this warning.

実行時には上記エラーは発生せず、VSCode上でのみエラーが表示される状態だったので、TypeScript向けの設定をVSCodeにしていないのが原因なんだろうな〜という感じ。

開発環境

解決手順

ググったら、解決方法がわかったので、以下に列挙。

  • tsconfig.json"experimentalDecorators": trueを追記
// tsconfig.json
{
  "compilerOptions": {
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": ["es6", "dom"],
    "mapRoot": "./",
    "module": "es6",
    "moduleResolution": "node",
    "outDir": "../dist/out-tsc",
    "sourceMap": true,
    "target": "es5",
    "typeRoots": [
      "../node_modules/@types"
    ]
  }
}
  • VSCodeのユーザ設定でtypescript.tsdkのパスを指定
    typescript.tsdkのパスは、Visual Studio Codeの [Code]->基本設定->ユーザ設定 で設定可。
// settings.json
// 既定の設定を上書きするには、このファイル内に設定を挿入します
{
    "typescript.tsdk": "node_modules\\typescript\\lib"
}

参考サイト

stackoverflow.com

qiita.com