web-dev-qa-db-ja.com

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の詳細で最新のインストール情報がある場所へのポインタを教えてもらえますか?

16
curious1

コンソールで、次を実行します。

node C:\Users\Me\AppData\Roaming\npm\node_modules\less\bin\lessc style.less > style.css

style.lessはコンソールのディレクトリになければなりません。

15
curious1

lesscを動作させるには、追加する必要があります

C:\Users\Me\AppData\Roaming\npm

パスへ

7
tudo75

ステップ1: npm install less -g

ステップ2: npm i less --save-dev

5
liza

システムプロパティ->詳細設定->環境変数にbinフォルダーを追加し、Path変数を編集して、binフォルダーにパス全体を追加できると思います。

4
exaviore

Node.jsをインストールしたばかりの場合、Windows PATH変数は、実行中のCMDウィンドウ内では更新されません。 CMDを閉じて、もう一度開いてみてください。

3
MinchinWeb

Windowsを使用している場合は、管理者としてコマンドラインコンソールを開くことを忘れないでください。

1
zhuangr

Node Version Manager(nvm)を使用して最新バージョンのNode.jsをインストールおよび使用することで、この問題を修正しました

nvm install latest
nvm use 12.4.0

その後、プロジェクトフォルダーに移動して、次のように入力しました。
npm install less -g その後
npm i less --save-dev

最後にlessc less/index.less css/index.cssを使用してコンパイルを減らします。

0
Mikey Nichols

コンパイルにかかる時間をおよそ数時間かけてコンパイルした結果、非常に簡単な答えが得られました。

  1. windowsユーザー向けにnode-v0.10.26-x64.msiをダウンロード->インストール->次に
  2. * .lessファイルが置かれている任意のフォルダー(コマンドプロンプト内)に移動し、コマンド "lessc styles.lsss> styles.css"を実行します。 (例:コマンドプロンプトでは、lessは* .lessファイルが存在するlessフォルダーです)D:\ less> lessc styles.less> styles.css
  3. これで、styles.cssファイルが自動的に作成されます。 styles.cssファイルを開いて確認する
0
Ravindra

まあ、あなたはあなたのマシンにNodeJSがインストールされている必要があります、これを使ってダウンロードしてインストールしてください link

インストールしたら、マシンを再起動してください。次に、CMDで「node -v」および「npm -v」を実行して、正しくインストールされているかどうかを確認します。

それが完了したら、「npm install less -g」を実行して、lessファイルをコンパイルする準備が整います。

ファイルがあるディレクトリに移動して、「lessc style.less style.css」を実行するだけです

詳細については、この link を参照してください。

0
Umesh Patil