Sublime Text:構文検証、自動補完(v.1.1)

UPD:コメンテーターのアドバイスにより、jslを新しいeslintに置き換えました

多くのJS開発者は、コンマ、ペアになっていないかっこ、または誤植のたびに「裸の」Sublime Textを宣誓および呪いで使用していることに、職場で気付きました。 そのため、この誤解を修正するための短いガイドを作成しました。 だから:

構文エラーの強調表示


絵

SublimeLinter-jslをインストールした場合は、まずCmd-Shift-P→PackageControl:パッケージの削除を使用して削除し 、Sublimeを再起動する必要があります。

npmが必要になります


タイプ補完自動補完


絵

SublimeのTernをインストールします。 これは、型推論に基づくスマートなJavaScript自動補完のためのツールであるTernとのインターフェースを実装するSublimeのプラグインです。 Ternはプラグインとともにインストールされます。

npm installされたパッケージのあるフォルダーでnpm installを手動で実行する必要がある場合があります(Macの場合は~/Library/Application Support/Sublime Text 3/Packages )。

インストール後、追加の構成オプション(たとえば、関数引数のヒントを含む)に注意してください。これらのオプションは、メニューSublime Preferences→Package Settings→Tern→Settings-Defaultで設定されます。 デフォルトでは、不安定な動作の可能性があるため無効になっていますが、私の場合は問題ありませんでした。

 { "tern_argument_hints": true, "tern_output_style": "tooltip", "tern_argument_completion": true } 

次に、プロジェクトルートに.tern-projectファイルを作成します。 その構造はおよそ次のとおりです。

 { "libs": [ "browser", "jquery", "underscore" ], "loadEagerly": [ "./some_folder/*.js" ] } 

loadEagerlyファイルはloadEagerly示されloadEagerly (ワイルドカードを理解します)。 残念ながら、そこにすべてすべてのスクリプトを指定すると(私の場合)、Ternはきつくハングします。 したがって、これには注意して、必要なものだけを含めてください。

UPD:Node / requireJS / angularを使用する場合、 Ternのマニュアルにはソースのスマートな依存関係解決を有効にする方法が記載されており、 loadEagerly明示的なスクリプトをloadEagerlyしなくても実行できます。 しかし、私は自分でチェックしませんでした。

libs配列は、Ternが解析することなく理解できる事前定義済みライブラリのリストを定義します-事前に生成された/手動で記述されたタイプ辞書を使用します。 ここでは、彼にとってどのように機能するかについて読むことができますbrowserライブラリとは、組み込みのブラウザAPIのセットを意味します。

Source: https://habr.com/ru/post/J278747/


All Articles