一、NODE
- 进入
运行cmd
Npm install –save-dev gulp-connect gulp-sass gulp
全局用-g
- 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实现代码组合声明、进行简单加减运算、颜色函数