如何在node.js和Windows之上安装和运行lessc?

时间:2013-05-11 01:42:15

标签: windows node.js less

嗨,我正在学习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
less@1.3.3 C:\Users\Me\AppData\Roaming\npm\node_modules\less
+-- ycssmin@1.0.1

然后我在同一个控制台中运行以下内容:

lessc style.less > style.css

但我得到了

  

'lessc'不被识别为内部或外部命令,可操作程序或批处理文件。

我不确定我哪里出错了。我用谷歌搜索,但似乎有太多的东西,不知道哪一个是正确的。做了很多测试没有成功。

有人可以告诉我该怎么做或者给我一个指向某个地方的指针,其中包含Windows的详细和最新安装信息吗?

9 个答案:

答案 0 :(得分:15)

在控制台中,运行以下命令:

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

style.less必须位于控制台的目录中。

答案 1 :(得分:7)

要让Lessc工作,你必须添加

  

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

到路径

答案 2 :(得分:4)

我猜你可以在系统属性中添加bin文件夹 - > advanced - >环境变量并通过编辑Path变量将整个路径追加到bin文件夹。

答案 3 :(得分:4)

第1步:npm install less -g

第2步:npm i less --save-dev

答案 4 :(得分:3)

如果您刚安装了node.js,则不会在任何正在运行的CMD窗口中更新Windows PATH变量。尝试关闭CMD并重新打开它!

答案 5 :(得分:1)

如果您使用的是Windows,请不要忘记以管理员身份打开命令行控制台。

答案 6 :(得分:0)

花了大约几个小时来搜索更少的文件,我得到了非常简单的答案:

  1. 为windows用户下载node-v0.10.26-x64.msi - >安装它 - >那么
  2. 转到* .less文件所在的任何文件夹(在命令提示符中)并运行该命令 “lessc styles.lsss> styles.css”。 (例如:在命令提示符中,less是我的文件夹,其中存在* .less文件) D:\ less> lessc styles.less> styles.css的
  3. 现在您将获得自动创建的styles.css文件。打开并查看styles.css文件

答案 7 :(得分:0)

嗯,您必须在您的计算机上安装NodeJS,使用此link下载并安装它。

安装完成后,请务必重启机器。 然后通过运行" node -v"检查它是否已正确安装。和" npm -v"在CMD。

一旦完成,运行" npm install less -g"并且您已准备好编译较少的文件。

只需进入您的文件所在的目录并运行" lessc style.less style.css"

可在此link找到更多内容。

答案 8 :(得分:0)

我通过使用节点版本管理器(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来编译我的代码。