zoukankan      html  css  js  c++  java
  • SASS安装的那些事

    SASS安装的那些事

    在几个月前,就发现SASS,当时欣喜若狂,一直没有时间进行学习,现在可以好好的学习,记下笔记。可以说SASS在css的基础上进行补充和扩展,实现模块化和编程化开发,能快速,有效的构建项目,实现代码的可重用率和可读性,让sass具有变量,函数,面向对象,引用,计算等特性。

    SASS安装

    安装很简单,坑的是出现莫名其妙的的错误

    普通安装方法

    SASS的安装需ruby环境支持,下载ruby安装完后,打开Start Command Prompt with Ruby

    enter image description here

    然后在命令行中输入

    gem install sass
    

    安装完后,查看版本号,输入

    sass -v
    

    需要查看帮助命令,输入

    sass -h
    

    其它安装方法

    前几天晚上,我安装的时候,一直安装不上,网络应该被强了,在网上找到了淘宝RubyGems镜像安装

    $ gem sources --remove https://rubygems.org/
    $ gem sources -a https://ruby.taobao.org/
    $ gem sources -l
    *** CURRENT SOURCES ***
    
    https://ruby.taobao.org
    # 请确保只有 ruby.taobao.org
    $ gem install sass
    

    只有mac下面才可以输入上面命令,在window下,需要去掉$字符,我已经被坑了几回,万恶的资本主义,在安装grunt的时候也是同样

    错误解决方案

    在SASS中会遇到这样和那样的错误,每解决一个错误,作为一点经验,一点点的茁壮成长

    GBK中文字符编译输出错误

    解决方法:

    @charset "utf-8";
    

    语法

    SASS的使用,对于前几个月的我还是很难的选择。自从深入的学习javascript模块开发,组件开发,设计模式,css的NEC模块规范后,突然发现SASS是那么和蔼可亲的O(∩_∩)O~

    文件后缀名

    在SASS中,分2种格式.sass.scss,它们的写法不同,生成的代码一样。这两种的区别在于.sass文件对代码的排版有着非常严格的要求,而且没有大括号,没有分号。

    //文件后缀名为sass的语法
    body
      background: #eee
      font-size:12px
    p
      background: #0982c1
    
    //文件后缀名为scss的语法  
    body {
      background: #eee;
      font-size:12px;
    }
    p{
      background: #0982c1;
    }
    

    导入

    在SASS文件中导入文件,可以这样来写

    @import "base.css"; //导入base.css文件
    @import "a" // 导入a.acss文件
    
  • 相关阅读:
    人生是马拉松,胜者不一定是跑得最快的
    二.JSP开发过程中遇到的问题及解决
    一.JSP开发的工具下载与环境搭建
    将文件隐藏到图片中的方法与一键合成工具
    VC6兼容性及打开文件崩溃问题解决
    windows10UWP开发真机调试时遇到DEP6100和DEP6200解决办法
    Vs2015 win10虚拟机启动问题:无法设置UDP端口 解决方法 合集(转载)
    10个维修中最常见的蓝屏代码,值得收藏!
    [idea]添加jar包的方法
    [idea]创建一个控制台程序
  • 原文地址:https://www.cnblogs.com/Baiang/p/4250866.html
Copyright © 2011-2022 走看看