SublimeTextにtypescriptのサポートを入れようとしたら面倒そうだったので、VisualStudioCodeをインストールした。しかし、結局あまりts書いてない。ionicの2(beta)を触ってるんだけど、ionicのJavascriptはTypescriptじゃなくて、素のJSだった。
ionicのJavascriptのコードでは、Decoratorが普通に使われているんだけど、それがVScodeでエラー表示になる。で、エラー箇所をホバーするとダイアログで「experimentalDecorators
オプションを有効にすればこのエラーは消えるよ」って言われるんだけど、それをどこに設定すればいいか分からなかったのでメモ。
1.プロジェクトのルートディレクトリにjsconfig.json
という名前のファイルを作成。
{ "compilerOptions": { "emitDecoratorMetadata": true, "experimentalDecorators": true, "module": "amd", "target": "ES6" } }
2.「Shift + Command + P
」 or 「メニューバー → View
→Command Palette...
」
で、コマンドパレットを開いて
3.Reload Javascript Project
を実行。
ちなみに、設定のmodule
とかtarget
の値は、書き換えようとすると説明がダイアログで表示される。利用可能な値もそこに書かれている。VScodeめっちゃ親切。VScodeは全体的に使いやすい。IDE(なのかな?)の割に軽いし良い。
ionicのJavascriptはES7(ES2016?)なのかな?でもES7のDecoratorとTypescriptのDecoratorは一緒なSyntaxなのかな?なんか知らんことが多い。。