安装Nodejs、npm、Less(支持生成压缩后的css)
2017-02-05 18:54
387 查看
前言
最近深入了解Bootstrap,顺便将Nodejs、npm、Less、Grunt等相关程序的安装梳理了一遍,写一几篇博文记录下,待需要时查找方便。正式动手
安装Nodejs和npm
1.到https://nodejs.org/en/下载最新的版本,安装到d盘下,假设安装后的路径为D:\Program Files\nodejs,笔者当前的版本v6.9.4,已经集成了npm,可以从【开始】-【所有程序】-【Node.js】-【Node.js command prompt】,打开命令行(经笔者测试直接用windows自带的cmd也可以),输入以下命令查看Nodejs和npm的版本。//查看nodejs版本 node -v //查看npm版本 npm -v
看到以下提示说明安装成功
2. 添加环境变量,在桌面上点键计算机-【属性】-【高级系统设置】-【高级】-【环境变量】-【系统变量】-【新建】:
NODE_PATH=D:\Program Files\nodejs\node_modules\npm\
安装Less
在【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文件生成css lessc d:\styles.less d:\styles.css //下面命令启用css压缩插件,生成压缩后的css文件 lessc d:\styles.less d:\styles.min.css -clean-css
上面的命令保能处理单个less文件,可以在WebStorm里配置Watcher,在编辑less文件的同时,自动生成css文件。详见《 在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件》
相关文章推荐
- 安装Nodejs、npm、Less(支持生成压缩后的css)
- 安装Nodejs、npm、Less(支持生成压缩后的css)
- 安装Nodejs、npm、Less(支持生成压缩后的css)
- 在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件
- 安装Ruby、Sass在WebStrom添加Watcher实现编辑scss文件时自动生成.map和压缩后的.css文件
- 在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件
- 利用nodeJs来安装less以及编译less文件为css文件
- 使用nodeJs来安装less及编译less文件为css文件的方法
- Windows下使用NodeJS和npm安装UglifyJS对JavaScript进行压缩或美化
- 关于webStrom-11.1配置less且自动生成.css和自动压缩为.min.css/.min.js
- sublime安装less2css,保存less文件同时生成对应css文件
- Node.js 笔记(一) nodejs、npm、express安装
- nodejs npm安装不了 设置代理
- 在windows 下安装nodejs 和npm
- 通过Java生成加密压缩文件(支持AES压缩和解压zip文件)
- Mac 10.8 下安装Sphinx并支持生成中文PDF
- 快速生成CSS--LESS学习总结
- ubuntu Nodejs和npm的安装
- 一种 动态 样式 语言. LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。
- myweb的nodejs框架通过npm安装方式