VisualStudioCodeでjavascriptのDecoratorの構文を扱う

SublimeTextにtypescriptのサポートを入れようとしたら面倒そうだったので、VisualStudioCodeをインストールした。しかし、結局あまりts書いてない。ionicの2(beta)を触ってるんだけど、ionicのJavascriptはTypescriptじゃなくて、素のJSだった。

ionicのJavascriptのコードでは、Decoratorが普通に使われているんだけど、それがVScodeでエラー表示になる。で、エラー箇所をホバーするとダイアログで「experimentalDecoratorsオプションを有効にすればこのエラーは消えるよ」って言われるんだけど、それをどこに設定すればいいか分からなかったのでメモ。

１．プロジェクトのルートディレクトリにjsconfig.jsonという名前のファイルを作成。

{
    "compilerOptions": {
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "module": "amd",
        "target": "ES6" 
    }
}

２．「Shift + Command + P」 or 「メニューバー → View →Command Palette...」
で、コマンドパレットを開いて

３．Reload Javascript Projectを実行。

ちなみに、設定のmoduleとかtargetの値は、書き換えようとすると説明がダイアログで表示される。利用可能な値もそこに書かれている。VScodeめっちゃ親切。VScodeは全体的に使いやすい。IDE（なのかな？）の割に軽いし良い。

ionicのJavascriptはES7(ES2016？)なのかな？でもES7のDecoratorとTypescriptのDecoratorは一緒なSyntaxなのかな？なんか知らんことが多い。。

(-> % read write unlearn)

My writings on this area are my own delusion

VisualStudioCodeでjavascriptのDecoratorの構文を扱う

参考