node.jsとWindowsの上にlesscをインストールして実行する方法は？
こんにちは、私はLESSを学習しています。私のWindows 7にlesscをインストールしたいと思います。
このチュートリアルに従う http://verekia.com/less-css/dont-read-less-css-tutorial-highly-addictive
最初のステップは、node.js（node-v0.10.5-x64.msi）をダウンロードしてインストールすることです。
次に、コンソールで実行しました
npm install less -g
私は以下を得ました：
npm http GET https://registry.npmjs.org/less
npm http 304 https://registry.npmjs.org/less
npm http GET https://registry.npmjs.org/ycssmin
npm http 304 https://registry.npmjs.org/ycssmin
C:\Users\Me\AppData\Roaming\npm\lessc -> C:\Users\Me\AppData\Roaming\npm\node_modules\less\bin\lessc
[email protected] C:\Users\Me\AppData\Roaming\npm\node_modules\less
+-- [email protected]
次に、同じコンソールで次のコマンドを実行しました。
lessc style.less > style.css
しかし、私は得た
'lessc'は、内部または外部コマンド、操作可能なプログラムまたはバッチファイルとして認識されません。
どこで間違えたかわかりません。私はググったが、どれが多すぎるのか、どちらが正しいかわからないようだ。多くのテストは成功しませんでした。
誰か私にそれを行う方法を教えてもらえますか、またはWindowsの詳細で最新のインストール情報がある場所へのポインタを教えてもらえますか？
コンソールで、次を実行します。
node C:\Users\Me\AppData\Roaming\npm\node_modules\less\bin\lessc style.less > style.css
style.lessはコンソールのディレクトリになければなりません。
lesscを動作させるには、追加する必要があります
C:\Users\Me\AppData\Roaming\npm
パスへ
ステップ1： npm install less -g
ステップ2： npm i less --save-dev
システムプロパティ->詳細設定->環境変数にbinフォルダーを追加し、Path変数を編集して、binフォルダーにパス全体を追加できると思います。
Node.jsをインストールしたばかりの場合、Windows PATH変数は、実行中のCMDウィンドウ内では更新されません。 CMDを閉じて、もう一度開いてみてください。
Windowsを使用している場合は、管理者としてコマンドラインコンソールを開くことを忘れないでください。
Node Version Manager（nvm）を使用して最新バージョンのNode.jsをインストールおよび使用することで、この問題を修正しました
nvm install latestnvm use 12.4.0
その後、プロジェクトフォルダーに移動して、次のように入力しました。npm install less -g その後npm i less --save-dev
最後にlessc less/index.less css/index.cssを使用してコンパイルを減らします。
コンパイルにかかる時間をおよそ数時間かけてコンパイルした結果、非常に簡単な答えが得られました。
- windowsユーザー向けにnode-v0.10.26-x64.msiをダウンロード->インストール->次に
- * .lessファイルが置かれている任意のフォルダー（コマンドプロンプト内）に移動し、コマンド "lessc styles.lsss> styles.css"を実行します。 （例：コマンドプロンプトでは、lessは* .lessファイルが存在するlessフォルダーです）D：\ less> lessc styles.less> styles.css
- これで、styles.cssファイルが自動的に作成されます。 styles.cssファイルを開いて確認する