sass_example

使用gulp+sass+bootstrap搭建前端开发环境

导入使用

安装compass

compass编译sass成css文件

注意compass基于ruby,需要先安装ruby环境

安装node.js

使用nvm安装node.js

# wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh 
# nvm install stable

之后使用node.js的包管理器npm下载后面的包

安装gulp与browser-sync

npm install -g gulp-cli ( 自动化构建任务 ～make); 
npm install -g gulp-compass (自动化的compass)
npm install -g browser-sync (浏览器同步浏览)

修改项目概述

修改package.json文件

初始化compass

compass init

执行gulp，并定制任务

执行gulpfile.js中的任务,并根据需求定制gulpfile文件

$ gulp

如果gulp缺少包,可以使用npm下载

npm install --save-dev <name>