windows下sass环境搭建

sass运行在ruby环境下，首先要安装ruby。

• ruby下载

  

• 为了在命令行中使用我们在安装是勾选第二个选项, 安装完毕后再命令行输入：ruby -v查看ruby版本
  
  

1. 由于环境所限所以我们要更改gem sources --remove https://rubygems.org
2. 改为淘宝的gem sources -a https://ruby.taobao.org
3. 然后输入gem sources -l查看是否修改成功
4. 4.1 安装sassgem install sass
   4.2 需要更新ruby程序gem update,
   4.3 安装固定版本的sassgem install sass --version=3.3
   4.4 查看ruby安装的程序gem list
   4.5 卸载固定版本的ruby程序gem uninstall sass --version=3.3
   4.6 卸载sassgem uninstall sass
   4.7 查看sass的所有版本gem list sass -a -r
   4.8 查看sass预发布版本gem list sass --pre -r
   4.9 查看compass的所有版本gem list compass-a -r
   4.10 查看compass预发布版本gem list compass --pre -r
   新建文件夹然后新建scss文件编辑好后输入sass filename.scss newfilename.css然后输入ls查看文件，此时我们会看到除了.css、.scss后缀名的文件还会看到.css.map为后缀名的文件,是一个映射文件，正常情况下很少使用sass命令

• 创建sass和compass工程

  创建compass工程compass create my-project

ls查看文件
  
  这三个文件都代表什么
• .sass-cache:这个文件夹包含了sass用于快速生成css文件的所有cache文件，不用管它
• sass:存储了我们要操作编写的sass文件,可以重命名
• stylesheets:存储了所有sass编译后的css文件，可重命名
• config.rb:工程中的默认配置文件，可修改配置以达到为己所用的目的，同时还控制css的压缩方式

转载于:https://www.cnblogs.com/xiezhe/p/4603684.html