TypeScript用エディタをVisualStudioCodeに変更してみた |
HTML5 + JavaScriptフレームワーク「enchant.js」を
TypeScriptで簡単に使えるようにするちょっとしたライブラリを
https://github.com/kazenetu/enchant.jsAtTypeScriptで公開しています。
今まではTypeScriptの開発環境として下記を使用していました。
・エディタ:VisualStudio2013Express for Web
・ビルド環境:Node.js(glup-typescript)
VisualStudio2013Express for Webが古く、また重いので
今回、エディタをVisualStudioCode(以下、VSCode)に変えてみました。
VSCodeをインストールして、早速、ライブラリのフォルダを開いてみました。
すると大量のエラーが表示されたのです。
筆者の環境
Windows8.1
発生したエラー
VSCode※で開発用フォルダを開いたところ、大量にエラーが発生しました。
※0.10.4、0.10.5で確認
解決方法
今回はTypeScriptのライブラリ開発+実装例とJavaScriptの開発ではないため
思い切ってJavaScriptの検証をOFFにしました。
1.「メニューのFile→Preferences→User Settings」または
「メニューのFile→Preferences→Workspace Settings」をクリックし
settings.jsonを開く
2.下記を記入する
// Place your settings in this file to overwrite default and user settings.
{
"javascript.validate.enable": false
}
以上を行うと大量のエラーが表示されなくなりました。
ベストとは言えませんが……
詳細内容
フォルダ構成
Root
├─.vscode
├─build //ビルド結果を格納
├─definitelytyped //ビルドした型定義ファイルを格納
├─doc //ライブラリのAPIドキュメント
├─example //実装例
│ ├─Basic
│ ├─ImageSpriteSample
│ └─LoginSample
└─src //ライブラリのソース群
└─TypeScripts
├─Base
├─Interfaces
└─UIParts
今回エラーになった箇所
・build/base.js
Duplicate identifier
Invalid left-hand side in assignment
・definitelytyped/base.d.ts
Duplicate identifier
原因としては下記にJSHintが反応したのかなと思いました。
・ライブラリの名前空間を「Rf.Xxxx」と区切り、内部モジュールとしてビルドしたため、
ビルド結果のbase.jsでRfというグローバル変数の再定義が複数発生している
・JavaScriptでも型定義ファイルを自動的に参照されてしまう
参考になれば幸いです。
よかったらクリックしてください。
にほんブログ村