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

   2023-02-09 学习力0
核心提示:详解如下首下我们去下载一个https://nodejs.org/en/,   一路next之后,因为文件不大,就直接在C盘了当然我个人是不推荐在C盘的,你喜欢在哪个盘就哪个盘进入cmd 好,我们已经看到了node和npm的版本号了说明我们已经成功安装了如果没有看到,说明你需要在管

详解如下

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

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

进入cmd

NodeJs安装less(npm方式)
    


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

 

好,我们已经看到了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中文网,我们看下怎么安装

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

NodeJs安装less(npm方式)
    


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

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

NodeJs安装less(npm方式)
    


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

 

如图所示,已经安装了

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

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

NodeJs安装less(npm方式)
    


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

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

NodeJs安装less(npm方式)
    


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

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

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

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

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

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

NodeJs安装less(npm方式)
    


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

看结果

NodeJs安装less(npm方式)
    


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

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

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

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

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

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

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

详解如下

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

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

进入cmd

NodeJs安装less(npm方式)
    


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

 

好,我们已经看到了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中文网,我们看下怎么安装

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

NodeJs安装less(npm方式)
    


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

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

NodeJs安装less(npm方式)
    


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

 

如图所示,已经安装了

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

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

NodeJs安装less(npm方式)
    


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

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

NodeJs安装less(npm方式)
    


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

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

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

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

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

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

NodeJs安装less(npm方式)
    


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

看结果

NodeJs安装less(npm方式)
    


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

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

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

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

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

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

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

 
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • 打造自己的 nodejs 静态文件服务器(帖子内容,
    用NodeJS打造你的静态文件服务器在《The Node Beginner Book》的中文版(http://nodebeginner.org/index-zh-cn.html)发布之后,获得国内的好评。也有同学觉得这本书略薄,没有包含进阶式的例子。@otakustay同学说:“确实,我的想法是在这之上补一个简单的MV
    02-10
  • NodeJS无所不能:细数10个令人惊讶的NodeJS开源
    在几年的时间里,NodeJS逐渐发展成一个成熟的开发平台,吸引了许多开发者。有许多大型高流量网站都采用NodeJS进行开发,像PayPal,此外,开发人员还可以使用它来开发一些快速移动Web框架。  除了Web应用外,NodeJS也被应用在许多方面,本文盘点了NodeJS在其
    02-10
  • Linux环境下的Nodejs linux安装基本环境
    最近在学习Node.js,在window下总是觉得不那么爽快。最简单而且环保的方法是在虚拟机中安装一个Linux。 { 1.Linux:家中的Linux为Centos。 2.VirtuallyBox: 开启2块网卡。第一个选Host-Only目的是为了让虚拟机通上网。第二块选Bridge Adapter,这是为了
    02-09
  • nodejs package.json说明
    {"name": "test", //项目名称(必须),由小写英文字母、数字和下划线,不能含空格"version": "1.0.0", //项目版本(必须)"description": "This is for study gulp project !", //项目描述(必须)"homepage": "", //项目主页url " key
    02-09
  • 017 nodejs取参四种方法req.body,req.params,re
    摘要: nodejs取参四种方法req.body,req.params,req.param,req.body 获取请求很中的参数是每个web后台处理的必经之路,nodejs提供了四种方法来实现。获取请求很中的参数是每个web后台处理的必经之路,nodejs的 express框架 提供了四种方法来实现。req.bodyre
    02-09
  • Docker windows下安装并搭建Nodejs的webapp
    Docker windows下安装并搭建Nodejs的webapp
    一、关于Docker什么是Docker?Docker 采用go语言编写,是一个开源的应用容器引擎。让开发者可以快速打包他们的应用以及依赖包到一个封装的可移植的容器Image中,然后发布到任何流行的机器( Linux ,windows,Mac等)上,也可以实现虚拟化。容器是使用完全
    02-09
  • Nodejs+Express+Mysql实现简单用户管理增删改查
    Nodejs+Express+Mysql实现简单用户管理增删改查
     源码地址  https://github.com/king-y/NodeJs/tree/master/user目录结构  mysql.jsvar mysql = require('mysql');var pool = mysql.createPool({host : '127.0.0.1',user : 'root',password : '',database : 's79'});exports.que
    02-09
  • nodejs查看本机hosts文件域名对应ip
    const dns = require('dns')dns.lookup('domainName', function(err, result) {console.log(result)}) related:https://***.com/questions/36689536/how-to-resolve-hostname-to-an-ip-address-in-node-js
    02-09
  • nodejs process.memoryUsage() rss等参数啥含义
    nodejs process.memoryUsage() rss等参数啥含义
    1 前言使用process.memoryUsage() ,然后可以得到一个对象如下:{ rss: 4935680,heapTotal: 1826816,heapUsed: 650472,external: 49879}  然而不知道rss是什么缩写,不知道其含义,网上找了一圈,多数都没说到点上,我这边就补充一下,也作为记录使用。2 
    02-09
  • nodejs工程拷贝后运行报module找不到问题
    工程文件夹通过复制黏贴到另外一个地方,运行后报错 “can`t find module 某某某”,查看原因:输入node 进入控制台,输入console.log(module.paths)查看当前nodejs查找module的路径,如果没有工程里的node_modules,通过module.paths.push加入,检查是否有效
    02-09
点击排行