Windows 7のSublime Text 3で「オンザフライ」でHTML、CSS、JS、PHPの構文チェックを設定する

みなさんこんにちは。 Sublime Text 3にはすばらしいSublime Linterプラグインがあり、コードの構文エラーをチェックできます。 すでに3日間、このSublimeLinterをセットアップすることで、どういうわけか自分を苦しめました。 しかし、それでも、私の苦痛は無駄ではありませんでした。現在、SublimeはHTML、CSS、PHP、JSファイルの構文をオンザフライでチェックしています。 さまざまなフォーラムですべてが詳しく説明されているようですが、場合によっては機能しません。 したがって、私はすべてを一度にカバーするためにこの記事を書いています。



画像



注意! この記事では、Windows 7 x64 ProfessionalでSublime Text 3(以降ST3)を構成する方法について説明します。



行きましょう。



1. Windows 7にST3を既にインストールし、 Package Controlをインストールしていることを想像してください。



2.次に、ST3に追加のパッケージを配置する必要があります。 [設定]-> [パッケージ管理]-> [パッケージのインストール]に移動します

そして、次のパッケージをインストールします。



-SublimeLinter

-SublimeLinter-html-tidy

-SublimeLinter-csslint

-SublimeLinter-jsl

-SublimeLinter-jshint

-SublimeLinter-php

-SublimeLinter-phplint

-少ない

-JSHint



3. HTML構文エラーチェックのセットアップ

3.1。 tidy.exeをダウンロードして、好きなフォルダーに入れてください。

3.2。 このフォルダーにパスを追加してください! tidy.exeからWindowsユーザーハート変数(PATH)まで。その設定は[マイコンピューター]-> [プロパティ]-> [高度なシステムパラメーター]-> [環境変数] ...->変数[パス]を選択-> [変更]をクリックしてパスを追加します。

注意! セミコロン「;」に注意してください 各パスの後、それを登録することを忘れないでください、バックスラッシュに注意を払ってください。



4. CSS構文エラーチェックのカスタマイズ

4.1。 node.jsをダウンロードしてインストールする

4.2。 パスをフォルダーに追加します(フォルダーに!)PATHにnode.jsを使用します(パスはおよそ次のとおりです:C:\ Users \ User_name \ AppData \ Roaming \ npm)! セミコロンについて忘れられない。

4.3。 csslintをインストールします。 これを行うには、管理者としてWindowsコマンドプロンプトを実行し、次のように記述しますnpm install -g csslint







5. JavaScript構文エラーチェックを構成する

5.1。 4.1項を実行しなかった場合。 および4.2。 -私たちはそれをします。

5.2。 jslintとjshintをインストールします。このため、4.3項と同じ操作を実行します。 csslint-jslintおよびjshintの代わりにそれぞれ記述してください。



6. PHP構文エラーチェックのセットアップ

6.1。 ここで、エチミムだけで出血があります。 個人的に、私は長い間問題を探していました。なぜバックライトが機能しないのか。

6.2。 (更新)実際には、多くの人(私を含む)がDenwerをローカルサーバーとして設定しています。 そして、悪魔はその理由を知っています(詳細には入りませんでした)が、PHPデンバーはST3に認識されず、殺すことさえありません。 PHPエラーをST3コンソールに出力できますが、構文の強調表示はありません。

PSこのアイテムを具体的に追加したのは、 多くのフォーラムは、PHPをインストールし、ST3パッケージを構成すると書いています。 しかし、幸福は起こりません。なぜなら、 denwer-aの操作性(適合性)を期待して、PHPをインストールしたアイテムは通常すぐに省略されます。



6.3。 したがって、すぐに調べてPHPをダウンロードしてください。 PHPインストール-アーカイブを任意のフォルダーに解凍し、このフォルダーへのパスをPATHに書き込みます(3.2項)。

6.4。 PHP denverを含むフォルダーへのパスがPATHに記述されている場合は、必ず削除してください。



7. SublimeLinter.sublime.settings構成ファイル



tidy.exeおよびphp.exeの修正方法が必要



 { "user": { "debug": true, "delay": 0.25, "error_color": "D02000", "gutter_theme": "Packages/SublimeLinter/gutter-themes/Circle/Circle.gutter-theme", "gutter_theme_excludes": [], "lint_mode": "background", "linters": { "csslint": { "@disable": false, "args": [], "errors": "", "excludes": [], "ignore": "", "warnings": "" }, "hlint": { "@disable": false, "args": [], "excludes": [] }, "htmltidy": { "@disable": false, "args": [], "excludes": [] }, "jscs": { "@disable": false, "args": [], "excludes": [] }, "jshint": { "@disable": false, "args": [], "excludes": [] }, "jsl": { "@disable": false, "args": [], "excludes": [] }, "php": { "@disable": false, "args": [], "excludes": [] }, "phplint": { "@disable": false, "args": [], "excludes": [] } }, "mark_style": "outline", "no_column_highlights_line": false, "passive_warnings": false, "paths": { "linux": [], "osx": [], "windows": [] }, "python_paths": { "linux": [], "osx": [], "windows": [] }, "rc_search_limit": 3, "shell_timeout": 10, "show_errors_on_save": false, "show_marks_in_minimap": true, "sublimelinter": true, "sublimelinter_executable_map": { "css": "node", "html": "Z:\\usr\\bin\\tidy.exe", //     tidy.exe,      ,   "php": "C:\\Program Files\\PHP_5.6\\php.exe" //     php.exe }, "syntax_map": { "css": "css", "html (django)": "html", "html (rails)": "html", "html 5": "html", "js": "js", "php": "php", "python django": "python" }, "warning_color": "DDB700", "wrap_find": true } }
      
      







8. Sublimeを再起動します。 利益



もっと! Sublimelinterのデバッグモードを忘れる人もいます。 有効にするには、編集エリアST3-> SublimeLinter->デバッグモードの任意の場所を右クリックします。



All Articles