菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
75
0

nodejs怎么解析less?

原创
05/13 14:22
阅读数 894

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文件所在路径即可。

发表评论

0/200
75 点赞
0 评论
收藏
为你推荐 换一批