• 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语法了。

  • 相关阅读:
    WEB前端开发规范文档
    js九九乘法表
    阿里前端两年随想
    自动播放选项卡
    HTML+CSS编写规范
    简易秒表
    关于响应式布局
    关于PHP语言
    关于CSS3的小知识点之2D变换
    关于H5框架之Bootstrap的小知识
  • 原文地址:https://www.cnblogs.com/colaman/p/6209137.html
Copyright © 2020-2023  润新知