私はJavaScriptのSyntasticが大好きですが、新しい ES6モジュールtranpiler を使用していて、syntasticは次のタイプのステートメントに満足していません。
import Typeahead from './lib/components/ember-typeahead';
とにかく、私はこのタイプの発言について統語論的に静かに保つことができますか?
SyntasticはJSHintを使用してJavaScript構文をチェックします使用可能な場合 (これはjslintよりもお勧めします)。
JSHintは、esnext
およびexport
モジュール構文のサポートを含む、import
フラグを使用したes6構文をサポートします 。
プロジェクト全体でJSHintの動作(つまりSyntasticの動作)を制御するには、プロジェクトに _.jshintrc
_ファイルを追加 することをお勧めします。
_{
"esnext": true
}
_
注:esnext
フラグを使用すると、モジュール構文だけでなく、JSHintが現在サポートしている es6の新しい言語構文 のallのサポートが追加されるため、注意してください。
注: esnext
は esversion
構文のために廃止されました。
_{
"esversion": 6
}
_
これを回避するには、ここで推奨されている次の手順をお勧めします。 React用にVimを構成します :
eslint
およびbabel-eslint
をインストールします。
npm install -g eslint babel-eslint
プロジェクトにローカル.eslintrc
構成を作成するか、グローバル~/.eslintrc
構成を作成します。
{
"parser": "babel-eslint",
"env": {
"browser": true,
"node": true
},
"settings": {
"ecmascript": 6
},
"rules": {
"strict": 0 // you can add more rules if you want
}
}
最後に、syntastic
を使用するようにeslint
を構成します。
let g:syntastic_javascript_checkers = ['eslint']