NodeJs安装less(npm方式)

上一次讲了如何在浏览器端解析less文件,这次是在cmd中使用npm中的less模块来解析

详解如下

首下我们去下载一个https://nodejs.org/en/  一路next之后,因为文件不大,就直接在C盘了

当然我个人是不推荐在C盘的,你喜欢在哪个盘就哪个盘

进入cmd

好,我们已经看到了node和npm的版本号了

说明我们已经成功安装了

如果没有看到,说明你需要在管理员权限下执行cmd

然后你需要创建两个文件夹

在CMD中输入

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

这样就应该正确了

好下面,进入less中文网,我们看下怎么安装

在安装这一项里面,我们可以看到,$符号就不用输了

在cmd里面输入npm install -g less,经过漫长的等待以后,恩,好了@[email protected]

如图所示,已经安装了

下面要找到我们的lessc文件在哪个文件夹里面了

来看C盘的nodeJS下的node_global文件夹里面找到了

那我们就从CMD里面进入这个文件夹

好,现在已经进入这个文件夹了

下面就是一个转化语句了lessc styles.less styles.css

也就是lessc less文件的路径 css文件的路径

因为我的less文件在我的项目里面,也就是路径G:\html\project_html5\css

根据转译语句格式,如下输入

看结果

好了已经转译出来了,然后就可以直接使用了

如果有问题,那就是cmd你要使用管理员权限打开

另外,还有一个问题,当你从其他地方而没有进入那个文件夹的时候去lessc编译cmd就会提示错误,

这时需要配置环境变量了:

右击我的电脑》属性》高级系统设置》环境变量(高级):

在Path中增加你less文件所在路径即可。

时间: 2024-12-11 08:01:47

NodeJs安装less(npm方式)的相关文章

nodeJS安装及npm设置淘宝镜像

nodeJS安装及npm设置淘宝镜像 node.js安装 下载node.js安装包:https://nodejs.org/en/download/,下载相应版本的node.js. 需注意,在window中,node的安装目录中,最好不要有空格或中文字符. nodeJS的资源仓库在国内使用过程中,偶尔会遇到各种资源问题,通常设置为淘宝的镜像,网上很多说法是安装淘宝镜像,即 $ npm install -g cnpm --registry=https://registry.npm.taobao.or

nodejs安装以及npm命令大全

win系统下nodejs安装及环境配置 第一步:下载安装文件下载nodejs,官网:/download/,我这里下载的是node-v0.10.28-x86.msi: 第二步:安装nodejs下载完成之后,双击 node-v0.10.28-x86.msi ,开始安装nodejs,自定义安装在D:dev odejs下面. 在cmd控制台输入:node -v,控制台将打印出:v0.10.28,出现版本提示表示安装成功.该引导步骤会将node.exe文件安装到D:dev odejs目录下,并将该目录添加

Windows下NodeJS安装与npm环境变量配置

node.js下载:https://nodejs.org/en/download/ 参考:https://www.jianshu.com/p/812de13f1276 1.安装过程基本直接“NEXT”就可以了.(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”). 注:我的nodejs 安装在E盘  (E:\Program Files\nodejs) 2.安装完成后可以使用cmd(win+r然后输入c

nodejs安装遇到npm命令无法使用问题

解决方法: 在用户文件夹中建立npm文件夹就可以使用了. 再使用npm命令就可以了.

NodeJS 安装npm命令行工具

在安装之前,请确保已安装Git和NodeJS. cmd机内命令窗口,输入以下命令: git config --system http.sslcainfo /bin/curl-ca-bundle.crt git clone --recursive git://github.com/isaacs/npm.git cd npm npm install -d 设置国内镜像: npm config set registry http://registry.npmjs.vitecho.com 查看安装信息

nodejs的安装与npm的介绍

Node.js是一个Javascript运行环境(runtime environment),发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装.本文详细介绍了Node.js的安装和使用. 一.Node.js介绍 Node.js 不是一个 JavaScript 框架,不同于CakePHP.Django.Rails.Node.js 更不是浏览器端的库,不能与 jQuery.ExtJS 相提并论.Node.js 是一个让 JavaScript 运行在服务端的开发平

windows系统下nodejs安装、环境配置及删除NPM全局配置

nodejs安装及设置NPM全局路径 删除NPM全局路径配置 一.nodejs安装及设置NPM全局路径 第一步:下载安装文件 下载nodejs,官网:http://nodejs.org/download/,我这里下载的是node-v8.4.0-x64.msi,如下图 第二步:安装nodejs 下载完成之后,双击"node-v0.10.28-x86.msi",开始安装nodejs,自定义安装在D:\Program Files\Nodejs下面. 在cmd控制台输入:node -v,控制台

windows使用nvm安装nodejs后升级npm报错

新装一台电脑,安装nvm,使用nvm install安装nodejs,然后升级npm到特定版本 npm i -g [email protected]报错 怎么折腾都不成功.网上也没找到解决办法.后来我删掉nvm以及之前安装的nodejs.先去nodejs官网随便下载一个nodejs安装之后,再装nvm,勾选用nvm管理已安装的nodejs版本.然后再使用nvm安装新的nodejs版本以及升级npm就可以了,不会报错了.不明所以 原文地址:https://www.cnblogs.com/coder

安装nodejs 后运行 npm 命令无响应

安装和卸载过nodejs, 也编辑过 C:\Users\{账户}\下的.npmrc文件. 再全新安装nodejs ,运行npm 命令,无响应. 处理方法,删除C:\Users\{账户}\下的.npmrc文件 再运行npm 命令,正常 原文地址:https://www.cnblogs.com/piaobodewu/p/10086117.html

node 安装后 npm 无法使用 报错 c:\Program Files\nodejs>npm -v Error: EINVAL: invalid argument, mkdir 'c:\Program Files\nodejs\“C:\

在命令窗口执行 : npm -v 后,报错  c:\Program Files\nodejs>npm -v Error: EINVAL: invalid argument, mkdir 'c:\Program Files\nodejs\“C:\ 手动设置npm的cache和predix. 步骤1:手动更改“C:\Users\Administrator.npmrc”文件,在记事本中打开,内容如下: prefix=XXXX 而这个XXXX路径又是不存在的,所以一直报错,将文本内容修改为你上边安装的正