ホームページ  >  記事  >  開発ツール  >  Sublime Text3 は保存と自動コンパイルの設定が少なくなります

Sublime Text3 は保存と自動コンパイルの設定が少なくなります

藏色散人
藏色散人転載
2019-10-01 14:03:413053ブラウズ

次のコラム sublime チュートリアル では、Sublime Text3 で自動コンパイルを保存するための Less の設定方法を紹介します。

Sublime Text3 は保存と自動コンパイルの設定が少なくなります

#Mac OSX 環境の場合

1.Sublime Text3 は、構文強調表示プラグインのインストールが少なくて済みます

2 .NodeJS をインストールし、Mac ターミナルの npm 経由で less グローバルにインストールします。 npm install less -gd

3.オプション: 縮小化を使用するには、縮小化ツールが必要です。less-plugin-clean-css などをインストールします。


npm install -g less-plugin-clean-css4.オプション: autoprefix を使用するには、less-plugin-autoprefix をインストールします。

npm install -g less- plugin-autoprefix

この時点で、less ファイルを手動でコンパイルできます。

Mac ターミナルでlessc を使用して、lessc style.less style.css を手動でコンパイルします

必要な場合 Sublime Text3 でless ファイルを保存すると、自動的に css にコンパイルされます。次の手順が必要です。

5. Sublime Text3 には、less2css をインストールし、less を css プラグインにコンパイルする必要があります

ここにアクセスして公式に従ってください、またはインターネット上の多くの記事でこれが完了していると記載されています

##しかし、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 サイトの他の関連記事を参照してください。

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。