项目中使用sass

原文http://www.w3cplus.com/sassguide/install.html

1.下载ruby官网卡慢,直接百度ruby,进行下载

2.安装ruby环境,勾选添加将rubypath

3.在windows开始栏打开ruby命令提示符窗口

4.gem sources --remove https://rubygems.org/ 移除默认源

5.gem sources -a https://ruby.taobao.org/ 添加淘宝源

6.若不支持https 则使用 gem sources -a http://gems.ruby-china.org

7.安装sass gem install sass

8.cd进入项目文件夹mkdir sass进入cd sass文件夹,mkdir css ,mkdir scss

9.监听转换scss成css (scss文件不能引入到html,需要先转换)

sass --watch scss/input.scss:css/output.css --sourcemap

sourcemap(添加调试map)浏览器调试中可见scss,在浏览器中直接编辑保存

你可能感兴趣的:(项目中使用sass)