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

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

構文エラーの強調表示

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

npmが必要になります。

npm install -g eslint

eslintをインストールします
Sublimeを起動する
パッケージコントロールのインストール： https : //packagecontrol.io/installation
Sublimeを再起動
Cmd-Shift-Pを押して、「 インストール 」と入力し、[ パッケージコントロール：パッケージの インストール]を選択します。
パッケージリストが読み込まれるのを待ち、 SublimeLinterを選択します
Sublimeを再起動
Cmd-Shift-P->パッケージのインストールを繰り返し、 SublimeLinter-contrib-eslintパッケージを選択します
Sublimeを再起動

タイプ補完自動補完

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のセットを意味します。

Sublime Text：構文検証、自動補完（v.1.1）

構文エラーの強調表示

タイプ補完自動補完

More articles: