博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
安装Nodejs、npm、Less(支持生成压缩后的css)
阅读量:6215 次
发布时间:2019-06-21

本文共 796 字,大约阅读时间需要 2 分钟。

安装Nodejs和npm

1.到下载最新的版本,安装到d盘下,假设安装后的路径为D:\Program Files\nodejs

笔者当前的版本v6.10.1,已经集成了npm,可以从

【开始】-【所有程序】-【】-【 command prompt】,打开命令行(经笔者直接用windows自带的cmd也可以),

输入以下命令查看Nodejs和npm的版本。

//查看nodejs版本node -v//查看npm版本npm -v

看到以下提示说明安装成功

这里写图片描述 

2. 添加环境变量,在桌面上点键计算机-【属性】-【高级系统设置】-【高级】-【环境变量】-【系统变量】-【新建】: 
这里写图片描述 

NODE_PATH=D:\Program Files\nodejs\node_modules\npm\

安装Less

  1. 操作前确定成功安装less,检测方法,在命令行(cmd),输入lessc -v,看到如下类似内容,则说明安装过了
  2. 在【Node.js command prompt】里输入以下命令
d:cd D:\Program Files\nodejs\node_modules\npm//下面命令是安装less,注意一定要有-g,否则还得做些其他工作npm install less -g//下面命令用于安装css压缩插件npm install less-plugin-clean-css

安装完成后就可以使用lessc的命令了

//下面命令编译less文件生成csslessc d:\styles.less d:\styles.css//下面命令启用css压缩插件,生成压缩后的css文件lessc d:\styles.less d:\styles.min.css -clean-css

上面的命令保能处理单个less文件,可以在WebStorm里配置Watcher,在编辑less文件的同时,自动生成css文件

你可能感兴趣的文章
「澳洋主数据项目」主数据促企业变革
查看>>
OKR与Scrum如何强强联手
查看>>
iOS | NSProxy
查看>>
通谷易懂区块链技术
查看>>
VSCode软件介绍
查看>>
gradle-学习笔记(2)-多项目构建
查看>>
前端面试CSS
查看>>
春招必看一位老学长的真实互联网校招求职心路历程~
查看>>
以太坊是什么 - 以太坊开发入门指南
查看>>
【BATJ面试必会】Java 基础篇
查看>>
在AWS上自动执行Hadoop计算
查看>>
PHP 实现页面静态化
查看>>
树莓派基础-模拟信号和数字信号的区别
查看>>
中间自适应布局的5种解法
查看>>
如何搭建自己的web服务器
查看>>
JS下载文件常用的方式
查看>>
CSS图形绘制总结
查看>>
210. Course Schedule II
查看>>
通过节食来解释 JavaScript 的Reduce方法!
查看>>
ComponentOne 产品经理:为什么要从C1Report迁移到FlexReport
查看>>