gulp构建工具与less常用语法

安装：npm install gulp -g

进入到本地项目目录也需要安装--save-dev

常见目录结构：

配置：

在文件根目录下新建gulpfile.js。

引入gulp和常用组件；

定义gulp任务：

①定义gulp任务名称

②写入资源入口.src（）

③执行gulp方法；.pipe(less());

④输出文件.pipe(gulp.dest())

执行gulp 任务;

gulp 任务名称

监听任务：

在命令行中执行命令gulp 任务名称（始终开着，需要结束时结束）

less常用语法：

变量：

对于网站统一的颜色，字号，行高等样式可设置一个变量。

变量用@开头。

混合：

将一些样式封装到一个class中，在需要这些样式的地方，调用。

带参数的混合：

样式值通过函数参数传入（less中的变量需要@标记）

嵌套：（最为常用）

串联选择器，通过&连接

javascript表达式：