Html5NodeJs安装less之千辛万苦CMD系列

Posted rookieM的小黑屋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Html5NodeJs安装less之千辛万苦CMD系列相关的知识,希望对你有一定的参考价值。

如题,这个东西很是费了一般脑筋

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

详解如下

首下我们去下载一个NodeJs  我下载的是4.44版本,一路next之后,因为文件不大,就直接在C盘了

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

进入cmd

 

好,我们已经看到了nodenpm版本号

说明我们已经成功安装了

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

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

在CMD中输入

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

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

这样就应该正确了

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

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

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

 

如图所示,已经安装了

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

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

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

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

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

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

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

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

看结果

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

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

如果还有问题,那怪我咯@_@

 

对了,国内NPM是很慢的,因为源是在国外的拉,所以可以换个源,博客园里面也有网友写好了,直接挑砖把

npm 更换国内源

 

设置淘宝源

npm config set registry https://registry.npm.taobao.org 
npm info underscore (如果上面配置正确这个命令会有字符串response)

出现错误:

npm info retry will retry, error on last attempt: Error: CERT_UNTRUSTED

这是因为ssl验证问题,我们取消ssl验证:

npm config set strict-ssl false

 

 

 

以上是关于Html5NodeJs安装less之千辛万苦CMD系列的主要内容,如果未能解决你的问题,请参考以下文章

NodeJs安装less(npm方式)

Less——less基本安装

less的安装

oracle拨云见日第6篇之网络配置

less的使用

gulp教程之gulp-less