如何在node.js和Windows上安装和运行less

Question

你好，我正在学习LESS，我想在我的Windows 7上安装LESS。

遵循本教程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:UsersMeAppDataRoamingnpmlessc -> C:UsersMeAppDataRoamingnpmnode_moduleslessbinlessc
less@1.3.3 C:UsersMeAppDataRoamingnpmnode_modulesless
+-- ycssmin@1.0.1

然后在同一控制台中运行以下命令:

lessc style.less > style.css

但我得到

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

我不确定我错在哪里。我谷歌了一下，但似乎有太多的东西，不确定哪一个是正确的。做了很多测试都没有成功。

有人能告诉我如何做到这一点，或者给我一个指针到一些地方的详细和最新的安装信息为Windows?

Answer 1

在控制台中执行以下命令:

node C:UsersMeAppDataRoamingnpmnode_moduleslessbinlessc style.less > style.css

style.less必须在控制台的目录中

Answer 2

第一步:npm install less -g

step2: npm i less --save-dev

Answer 3

为了减少工作量，你必须添加

C:UsersMeAppDataRoamingnpm

到路径

Answer 4

我猜你可以在system properties -> advanced ->环境变量中添加bin文件夹，并通过编辑path变量将整个路径附加到bin文件夹中。

Answer 5

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

Answer 6

我使用Node版本管理器(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来编译我的less.

Answer 7

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

Answer 8

在花了大约几个小时四处寻找编译更少的文件后，我得到了非常简单的答案:

1. node-v0.10.26-x64下载。windows用户的msi ->安装->然后
2. 转到任何文件夹(在命令提示符中)，其中*。更少的文件被定位并运行命令"lessc风格。> style .css"。(例如:在命令提示符中，less是我的less文件夹，其中*。文件数量减少)D: 少> lessc风格。style .css
3. 现在你会得到自动创建的样式。css文件。打开并查看style .css文件

Answer 9

好吧，你的机器上必须安装NodeJS，使用这个链接下载并安装它。

一旦安装，确保重新启动您的机器。然后在CMD命令行中分别执行node -v和npm -v检查安装是否正确。

一旦完成，运行"npm install less -g"，你就可以编译less文件了。

进入文件所在的目录，然后运行"lessc style "。Less style.css"