zoukankan      html  css  js  c++  java
  • Windows下sass的安装

    sass依赖Ruby,所以,首先得先安装个Ruby

    安装步骤:

      1.安装Ruby的时候,勾上Add Ruby executables to your PATH(添加环境变量)

      2.安装好Ruby之后,在开始菜单中找到Ruby,打开"Start Command Prompt With Ruby"

        命令行中输入 

        gem install sass

        回车确认之后,等待一段时间。

        ps:由于墙的原因,国内基本都是安装失败,继续3,如果安装成功,直接跳到4。

     

      3.安装失败,采取下面的办法(淘宝镜像)

        命令行依次输入

        gem sources --remove https://rubygems.org/

        gem sources -a https://ruby.taobao.org

        gem sources -l

        确保只有ruby.taobao.org,接着输入

        gem install sass

        等待一段时间,安装成功。

        ps:可以用sass -v 查看sass是否安装成功。

     

      4.安装compass

        命令行输入

        gem install compass

        等待一段时间,安装成功。

        ps:可以用compass -v 查看compass是否安装成功。

     

      5.使用sass

        项目中sass目录下创建两个文件

        base.scss和config.rb

        config.rb配置如下:

    # 引入compass
    require 'compass/import-once/activate'

    # 配置信息
    http_path = "/"
    css_dir = "../style"
    sass_dir = "/"
    sourcemap = true
    cache = false

    # To enable relative paths to assets via compass helper functions. Uncomment:
    relative_assets = true

    # To disable debugging comments that display the original location of your selectors. Uncomment:
    line_comments = false

        ps:配置信息注意路径

     

      6.使用compass

        在当前目录下(sass目录),Shift + 鼠标右键,选择 "在此处打开命令窗口(W)"。

        输入compass watch

        在项目中style目录下自动创建了两个文件base.css和base.css.map。

        当你修改base.scss文件并保存的时候,base.css文件也相应地改变了。

     

  • 相关阅读:
    [ext4]空间管理
    [ext4] 磁盘布局
    [ext4]磁盘布局
    [ext4]08 磁盘布局
    [ext4]07 磁盘布局
    [ext4]06 磁盘布局
    [ext4]05 磁盘布局
    jQuery之链式编程
    jQuery之排他思想
    jQuery之筛选方法
  • 原文地址:https://www.cnblogs.com/tww316/p/4524565.html
Copyright © 2011-2022 走看看