次のコラム sublime チュートリアル では、Sublime Text3 で自動コンパイルを保存するための Less の設定方法を紹介します。
#Mac OSX 環境の場合
1.Sublime Text3 は、構文強調表示プラグインのインストールが少なくて済みます2 .NodeJS をインストールし、Mac ターミナルの npm 経由で less グローバルにインストールします。 npm install less -gd3.オプション: 縮小化を使用するには、縮小化ツールが必要です。less-plugin-clean-css などをインストールします。
npm install -g less-plugin-clean-css4.オプション: autoprefix を使用するには、less-plugin-autoprefix をインストールします。
npm install -g less- plugin-autoprefix
##しかし、less ファイルを保存すると、エラー「less2css エラー:lessc は利用できません」が報告されます。ターミナルで直接、lessc を手動で使用することは可能です。何が問題ですか?
エラー メッセージによると、lessc が見つからないはずです。引き続き、less2css プラグインに含まれる Readme ドキュメントを確認してください。
Sublime Text 2 and 3 Plugin to compile less files to css on save. Requires lessc installed on PATH.
環境変数に問題がある可能性があります。通常、less2css がインストールされています。自動的に
と一致します。次のことを行う必要があります。Mac ターミナルにどのlesscを入力し、lessc のパスを見つけます /Users/[ユーザー名]/.nvm /versions/node/v10.10.0/bin/lessc
less2css の設定ファイルを変更しますSublime Text3 ではless2css.sublime-settings-User
{ "lesscCommand": "/Users/[username]/.nvm/versions/node/v10.10.0/bin/lessc" }
この時点で、sublime Text3 ファイルには保存されているファイルが少なく、同じ名前の .css ファイルが現在のフォルダーに表示されます。
以上がSublime Text3 は保存と自動コンパイルの設定が少なくなりますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。