• sass基础编写流程


    这是之前整理在word上的基础流程

    sassRuby语言开发的一个用于动态编程css文件的框架 所以sass的运行依赖Ruby环境

    所以要先安装Ruby,步骤如下:

    直接进入http://rubyinstaller.org/downloads下载适合你的ruby版本

    Ruby 安装文件下载好后,可以按应用软件安装步骤进行安装 Ruby。在安装过程中,个人建议将其安装在 C 盘下,在安装过程中选择第二个选项(不选中,就会出现编译时找不到Ruby环境的情况),如下图所示:

    当你的电脑中安装好 Ruby 之后,接下来就可以安装 Sass 了。同样的在windows下安装 Sass 有多种方法。但这几种方法都是非常的简单,只需要在你的命令终端输入一行命令即可。

    打开电脑的命令终端,输入下面的命令:

    gem install sass

    安装好后就按照下面的顺序一步一步进行

    d盘或者其他的盘新建一个名为sass(文件名随意取)的文件夹 这里在d盘下的js1下创建了一个名为sass的文件夹

    文件夹创建好后就在这个文件夹里创建一个页面(index.html就是你接下来要内容的页面)和一个接下来要写sass的页面(sass.scss

     

    然后开始在命令终端输入命令

    第一步:先是进入你所创建的那个文件夹

      1、进入盘符(敲入d:)

     

      2、进入盘符里面创建的文件夹(cd js1/sass

     

    第二步:就是敲监听变化和转化的命令

     

    敲完这个以后文件夹里面就会自动多出一些文件

     

    然后就可以在编译器里面编写代码了

    index.html里面写内容

     

    然后在sass.scss里面编写样式(根据sass的语法编写)

     

    sass.scss里面编译的代码样式可以在sass.css里面看见

     

    这样简单的sass编程就完成了,接下来就是去学习sass语法了。

  • 相关阅读:
    MVC NonAction属性
    未将对象引用设置到对象的实例
    回调函数callback
    Json详解
    浅谈HTTP中Get与Post的区别
    JQuery $.ajax()方法详解
    C#中Const和Readonly的区别
    全面解释StringBuilder、StringBuffer和String的关系
    基本数据类型的包装类和随机数
    枚举类的使用
  • 原文地址:https://www.cnblogs.com/colaman/p/6209137.html
Copyright © 2020-2023  润新知