zoukankan      html  css  js  c++  java
  • compass安装

    修改ruby软件包的sources

    国外服务器不给力,经常链接失败,换成国内淘宝的:https://ruby.taobao.org/

    先移除本有的sources

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

    安装淘宝sources:

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

    检查前两步是否操作成功:

    gem sources -l

    Compass安装

    gem install compass

    创建compass项目

    先创建文件(例:works)--------> 指定到这个文件  cd works  

    compass create learn-compass-init //(init项目名字)

    项目创建完成------> 创建中出现的提示:

    恭喜你的compass文件创建成功
    你可以在项目的Sass的子目录里添加和编辑sass样式文件。-----开始结束子 目录结构
    以一个下划线开头命名的sass文件叫做局部文件,主要用来被其他的sass文 件引入,其在编译的时候不会被单独编译成CSS文件。----Sass文件如何来命名
    可以通过修改生成的config.rb配置文件配置项目。----指明生成config.rb 文件的作用
    在Sass样式发生改变的时候必须把它们编译成CSS才可以真实生效。
    1、按需编译:使用命令  compass compile[path/to/project (项目路径-可 选参数)]

    2、监听文件的变化并且自动编译:使用命令  compass watch[path/to/project (项目路径-可选参数)]

    进入项目目录cd learn-compass-init 实现监听:

    compass watch

    scss转化sass命令:

    sass-convert style.scss style.sass

    可以反向转换,命令一样,只是文件名字转换一下

  • 相关阅读:
    Leetcode 349. Intersection of Two Arrays
    hdu 1016 Prime Ring Problem
    map 树木品种
    油田合并
    函数学习
    Leetcode 103. Binary Tree Zigzag Level Order Traversal
    Leetcode 102. Binary Tree Level Order Traversal
    Leetcode 101. Symmetric Tree
    poj 2524 Ubiquitous Religions(宗教信仰)
    pat 1009. 说反话 (20)
  • 原文地址:https://www.cnblogs.com/alice-shan/p/5001162.html
Copyright © 2011-2022 走看看