nodejs怎么解析less?

nodejs怎么解析less?

在cmd中使用npm中的less模块来解析less。

npm(全称 Node Package Manager,即“node包管理器”)是以JavaScript编写的软件包管理系统。通过npm可以安装、共享、分发代码,管理项目依赖关系。

npm是JavaScript世界的包管理工具,并且是Node.js平台的默认包管理工具,会随着Nodejs一起安装。类似Java语法中的maven,gradle,python中的pip。

方法:

1、安装nodejs

安装完成后,进入cmd,使用以下命令:

1.jpg

可以看到node和npm的版本号,说明我们已经成功安装了。

2、安装less模块

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

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

2.jpg

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

3.jpg

如图所示,已经安装了

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

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

4.jpg

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

5.jpg

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

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

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

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

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

6.jpg

看结果

7.jpg

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

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

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

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

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

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

Image placeholder
前端答疑
未设置
  75人点赞

没有讨论,发表一下自己的看法吧

推荐文章
nodejs怎么运行项目?

nodejs怎么运行项目?想要运行nodeJS项目,只需要安装好node的环境就可以了,不需要其他的配置。使用cmd命令,打开window窗口,输入node-v,如果运行的结果是nodeJS的一个版本

nodejs为什么叫node?

nodejs为什么叫node?最开始NodeJs作者Dahl取的名字叫web.js,仅仅是一个web服务器,是Apache和其他“阻塞”服务器的替代方案。但是该项目很快就超出了他最初的Web服务器库的

学习 nodejs+mongodb+koa2 写接口(一) 环境布置

一.环境准备最近在学用Nodejs写后端接口,了解到koa2是Nodejs的一个框架。可以快速开发后端接口,同时也能更快熟悉Nodejs以下是所需的环境node  v7.6+,可以用nvm或者n安装指

学习 nodejs+mongodb+koa2 写接口(二) koa2教程入门

一.hellokoa安装koa2#初始化package.json npminit #安装koa2 npminstallkoahelloworld代码constKoa=require('koa') c

怎么查看nodejs是否安装?

查看nodejs是否安装的方法:1、cmd执行命令开始菜单搜索框输入cmd,点击第一个结果,打开cmd命令行。在cmd命令行中,输入node-v并执行,显示node版本,证明安装成功。例如我的版本是1

ie6加载不了css怎么解决?

ie6加载不了css怎么解决?IE6不加载css文件,是因为css文件的编码不正确,使用记事本创建的css文件,默认编码时ANSI,这种情况下在其他浏览器下CSS样式会正常显示,但IE6及以下版本就不

ie11下不能引入外部css怎么解决?

ie11下不能引入外部css怎么解决?问题:在IE11下使用link标签引入css时,无法正常引入,直接在页面中使用style标签没问题。原因:头文件的问题。解决方法:●删除头部的●或者,将头部改成

css怎么解决h1不独占一行?

css怎么解决h1不独占一行?H标签默认都是独占一行的。当它们不独占一行时,可能有以下原因:设置了display为inline或inline-block设置了父级元素display为flex,并且fl

为什么要用Node.js?

JavaScript的日益发展带来了很多变化,当今的Web开发面貌已经变得截然不同。在几年前是很难想象在服务器上运行JavaScript的。在深入研究Node.js之前,你可能想了解使用跨栈的Java

如何查看nodejs版本号?

在windows上查看nodejs的版本号想要在电脑上查node版本号,可以打开cmd命令行,使用命令来查看。1、在开始菜单的搜索框中输入cmd,点击cmd.exe打开cmd命令窗口。2、使用命令查看

nodejs都能做什么?

Node对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。Node是一个基于ChromeJavaScript运行时

深入了解Nodejs Buffer的使用

JavaScript起初为浏览器而设计,没有读取或操作二进制数据流的机制。Buffer类的引入,则让NodeJS拥有操作文件流或网络二进制流的能力。Buffer基本概念Buffer对象的内存分配不是在

nodejs调用外部接口

前言在日让的工作开发中,我们不仅仅要使用node来封装提供一些http接口,也会在node服务中调用一些第三方的HTTP接口,那么如何操作?request安装依赖npminstallrequest-S

jsp里怎么写css?

jsp里怎么写css?1、在head标签内写和html加入的方式一样,在head标签之内,title标签之外写开闭标签,具体样式内容写到开闭标签之内。示例如下: .input{color:#f00;

小程序怎么用js修改css?

小程序怎么用js修改css?微信小程序和普通的前端开发有很多不同。前端开发中修改样式,js可以操作DOM,即document.getElementById(id).style.property=new

先加载css还是js?

先加载css还是js?先加载css,后加载js。因为css加载会阻塞浏览器渲染,为了打开网页白屏时间缩短,会优先选择加载css;后加载js是因为js中可能会修改dom元素,js加载会阻塞浏览器解析ht

怎么使用npm下载vue.js?

课程推荐:前端开发工程师--学习猿地精品课程 一、安装node.js node.js是一个安装包资源管理器。可以在里面下载安装包。不是一门语言/库/框架。也就是说,和vue.js不是同一类东西。(vu

html怎么加载css?

有四种加载方式:行内式通过html的style属性实现,如下所示//写在body标签中 行内式嵌入式在style标签中写css样式,在body中引用//写在style标签中的css样式 p{ colo

div中怎么调用css?

div中怎么调用css?div中调用css样式有多种方法,比如:1、在style标签中调用css样式;2、添加class属性调用css样式;3、添加id属性调用css样式。1、DIV标签内直接应用CS

dreamweaver怎么新建css?

dreamweaver怎么新建css?1、新建一个htlm文档,在body中插入一个div,将ID命名为main2、在右侧的CSS设计器点击源的加号,选择在页面中定义3、点击选择器的加号,输入#mai

多个ul怎么定义不同css?

多个ul怎么定义不同css?相同的元素,定义不同的css,只需要活用选择器就可以实现了。1、给ul命名,idclass都行,例如 CSS中就是把ul换成相应的名字:(注意空格)div#myul{}//

nginx不能访问css怎么办

nginx不能访问css怎么办在Nginx配置文件nginx.conf中内添加location~.*\.(gif|jpg|jpeg|png|bmp|swf|css|js|eot|svg|ttf|wof

css怎么画三角形?

css怎么画三角形?三角形实现原理:宽度width为0;height为0;方法:设置div长宽为0,只用边框宽填充,三角形的底部边框设置颜色,剩下的三边用透明边框设置即可。使用border属性即可设置

css怎么去除定位?

如果没有指定元素的position属性值,也就是默认情况下,元素也是静态定位。只要是支持position属性的html对象都是默认为static。static是position属性的默认值,它表示块保

css怎么定位?

position属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默