学习笔记 node sass

一、NODE

1. 进入

运行cmd

 

Npm install –save-dev gulp-connect gulp-sass gulp

全局用-g

 

1. Connect

var gulp = require('gulp');

var connect = require('gulp-connect');

var sass = require('gulp-sass');

 

gulp.task('server', function() {

     connect.server({

              root: ['build'],

              port: 4444,

              livereload: true

     });

});

/*查看时地址 localhost:4444或ip地址：4444

手机端调试使用wifi的ip

Ip 地址查询：运行cmd 输入ipconfig*/

 

gulp.task('sass', function(){

     gulp.src('src/**/*.scss')

              .pipe(sass())

              .pipe(gulp.dest('build'));

});

 

/*单独处理sass文件*/

gulp.task('file', function() {

     gulp.src('src/**/*.*')

             .pipe(gulp.dest('build'))

             .pipe(connect.reload());

});

/*对象。方法（字符串，函数（参数）{语句 对象。方法（字符串（资源）。回调函数……）*/

 

gulp.task('watch', function() {

     gulp.watch('src/**/*.*', ['file']);

     gulp.watch('src/**/*.scss', ['sass']);

})

 

gulp.task('default', ['server', 'file', 'sass', 'watch']);

 

二、Bootstrap

1、  下载源码

 

2、  外链

 

三、sass

入门

定义变量、可嵌套、用@import导入、用@mixin定义代码片段用@includ调用、

用@extend实现代码组合声明、进行简单加减运算、颜色函数