nodejs less编辑

nodejs 下载地址:http://pan.baidu.com/s/1bnz2oPp 提取密码:0mip

1、最简单的编译less

  在安装好nodejs后,cmd 进入控制台 安装 lessc : npm install lessc -g

  在每次修改less文件后,需要手动的去执行 命令编译less文件 : E:\zmapp\webRoot\html\static\css> lessc index.less>index.css  回车,就可以看到less文件已经编译,刷新页面即可。

2、用gulp 监听 less文件 去编译less

  在安装nodejs后,cmd 进入控制台 需要安装一下几个插件

  1> 安装gulp, npm install gulp --save-dev 安装在对应的目录中,如:E:\zmapp\webRoot\html\static\ npm install gulp --save-dev

  2>安装好gulp后再安装gulp-lessc,npm install gulp-lessc --save-dev 安装在对应的目录中,如:E:\zmapp\webRoot\html\static\ npm install gulp-lessc --save-dev

  3> 安装好gulp-lessc后再安装 gulp-livereload,npm install gulp-livereload --save-dev 安装在对应的目录中,如:E:\zmapp\webRoot\html\static\ npm install gulp-livereload --save-dev

  4> 安装好gulp-livereload后再安装 gulp-watch ,npm install gulp-watch --save-dev 安装在对应的目录中,如:E:\zmapp\webRoot\html\static\ npm install gulp-watch --save-dev

  5> 如果需要对css文件进行压缩,需要安装gulp-minify-css, npm install gulp-minify-css --save-dev 安装在对应的目录中,如:E:\zmapp\webRoot\html\static\ npm install gulp-minify-css --save-dev

  前面四个步骤都是可以安装到全局中的,安装命令为:C:\>npm install -g gulp-watch  、C:\>npm install -g gulp-less等等 ,但是第五步需要安装在指定的文件夹中。

  在安装好上面的插件后,需要在相应的文件目录下面建一个gulpFile.js文件。文件代码如下:

var gulp = require(‘gulp‘),
    less = require(‘gulp-less‘),
    livereload = require(‘gulp-livereload‘),  //cssmin = require("gulp-minify-css"),
    watch = require("gulp-watch");

//压缩css文件需要的配置

//gulp.task("cssminify", function () {
//return gulp.src("index.css")
//.pipe(cssmin())
//.pipe(gulp.dest("")).pipe(livereload());
//});

gulp.task("lessc", function () {
    gulp.src("css/index.less")
    .pipe(less())
    .pipe(gulp.dest("css/"))
    .pipe(livereload());
});
gulp.task("watch", function (file) {
    livereload.listen();
    livereload.changed(file.path);
    gulp.watch(‘css/index.less‘, [‘lessc‘]);  //gulp.watch(‘*.css‘, [‘cssminify‘]);//压缩
});

gulp.task(‘default‘, [‘watch‘], function () {
    gulp.start(‘lessc‘);未压缩的文件 css  //gulp.start(‘lessc‘, ‘cssminify‘);//压缩后的文件 css
});

  上面中的 index.less可以换成*.less,换成*.less后,是检查文件里面的所有的less文件。

  在上面的所有步骤都准备好后,就可以进行我们的less文件监控。

  cmd 进入到相应的目录中:

    E:\zmapp\webRoot\html\static\

    在去执行 gulp 回车后 就会看到如下图提示:

      

  那么我们这样就可以进行我们的less编译的过程了。

  第一次写这样的东西,写得不好,请见谅。谢谢

时间: 07-21

nodejs less编辑的相关文章

node-zk-browser安装配置

Zookeeper作为标准化的分布式协调组件,已经越来越多的运用到各个大数据平台中.在Zookeeper中,经常以类似于Linux文件系统一样的树形结构来保存一些状态信息,而node-zk-browser就是一款可以以图形化来查看Zookeeper树形状态信息的开源工具.下面主要从2个方面来记录如何安装node-zk-browser. nodejs的安装 下载nodejs,wget https://github.com/joyent/node/archive/v0.8.14.zip 解压,unz

基于nodeJs express 框架的图片上传和编辑(引用美图编辑工具)上传小示例

唉,由于近期工作中对于新知识的运用相对较少,也导致小码哥少有更新鄙人心得的机会.还望路过的基友们不要抱怨,勿喷,,,,, 本篇文章,是基于NodeJs Express框架完成的一个用于项目中图片上传和编辑上传的小示例,当然,由于项目工期不禁,都是在非工作时间慢慢完成的,导致至今该图片上传功能也未能插入项目中真正的验证最终效果.不过就小码哥感觉,基本思路及基本功能算是完成了. 下面便由小码哥来给基友们稍微讲解改功能的实现过程及其中用到的一些技术等等. 首先,说说NodeJs Express框架的搭

NodeJS基础一,安装NodeJs,express

今天学习nodejs,把我遇到的一些问题给记录下来,让我以后能方便查找 1.直接去nodejs的官网http://nodejs.org/上下载nodejs安装程序,双击安装就可以了 2.装好了nodejs之后,一般现在的版本,NPM管理工具应该已经会帮你一起装好.这个时候需要安装express 3.先设置NODE_PATH:C:\Program Files\nodejs\ ,然后放入path,msi安装文件好像会自动帮忙注入.有待考察 4.设置镜像,因为express不用镜像或许会下载不下来,建

nodejs学习资料

NodeJS基础 什么是NodeJS JS是脚本语言,脚本语言都需要一个解析器才能运行.对于写在HTML页面里的JS,浏览器充当了解析器的角色.而对于需要独立运行的JS,NodeJS就是一个解析器. 每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象和方法做一些事情.例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了document之类的内置对象.而运行在NodeJS中的JS的用途是操作磁盘文件或搭建HTTP服务器,NodeJS

nodeJs中npm详解

npm 是 Node.js 的模块依赖管理工具.作为开发者使用的工具,主要解决开发 node.js 时会遇到的问题.如同 RubyGems 对于 Ruby 开发者和 Maven 对于 Java 开发者的重要性,npm 对与 Node.js 的开发者和社区的重要性不言而喻.本文包括五点:package.json .npm 的配置.npm install 命令.npm link 命令和其它 npm 命令. package.json npm命令运行时会读取当前目录的 package.json 文件和解

Atitit nodejs5 nodejs6  nodejs 7.2.1  新特性attialx总结

Atitit nodejs5 nodejs6  nodejs 7.2.1  新特性attialx总结 1.1. Node.js 4.0.0 已经发布了 .这是和 io.js 合并之后的首个稳定版本,它带来了一系列的新特性,支持 ES 6的大部分特性1 1.2. 10月29日发布了Node.js 5.0,至此Node.js 4.0进入了长期服务支持阶段(LTS),5.0成为稳定版本.Node.js 5.x系列采用快速发布模式,计划1~2周完成一个发布.1 1.3. Node.js 6覆盖了93%的

openssl+前端jsrsa签名+后端nodejs验签

内容如标题所示,总体分为三个部分: 一.win10下安装openssl,然后通过openssl工具生成RSA的公钥和私钥 (1)win10下安装openssl需要的工具有:VS2013,Perl,nasm,openssl源码 其中,VS2013的安装.注册和激活请自行百度,ActivePerl.nasm和openssl源码也请自行下载安装,ActivePerl好说(执行perl example.pl,若提示:Hello from ActivePerl! 则说明Perl安装成功),nasm我选的是

NodeJS无所不能:细数10个令人惊讶的NodeJS开源项目

在几年的时间里,NodeJS逐渐发展成一个成熟的开发平台,吸引了许多开发者.有许多大型高流量网站都采用NodeJS进行开发,像PayPal,此外,开发人员还可以使用它来开发一些快速移动Web框架. 除了Web应用外,NodeJS也被应用在许多方面,本文盘点了NodeJS在其它方面所开发的十大令人神奇的项目,这些项目涉及到应用程序监控.媒体流.远程控制.桌面和移动应用等等. 1.NodeOS NodeOS是采用NodeJS开发的一款友好的操作系统,该操作系统是完全建立在Linux内核之上的,并且采

七天学会NodeJS

NodeJS基础 什么是NodeJS JS是脚本语言,脚本语言都需要一个解析器才能运行.对于写在HTML页面里的JS,浏览器充当了解析器的角色.而对于需要独立运行的JS,NodeJS就是一个解析器. 每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象和方法做一些事情.例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了document之类的内置对象.而运行在NodeJS中的JS的用途是操作磁盘文件或搭建HTTP服务器,NodeJS