SASS入门之SASS安装

当然...凭借我这样的肤浅的智商，根本不能理解什么叫certificate verfiy fail...

所以找了一段时间的方法，最后最终在一个sass群里找到了...

发在这里纯属作为自己的一个学习笔记。

侵立删

原创是这个....

下面是看完后的实践过程。

真的能够用。！！

sass依赖于ruby环境。所以先下载ruby

1.    依照建议。选择第二项配置

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" >

2.    在电脑的菜单里找到ruby，打开start command prompt with ruby

3.    在打开的命令行中输入下面命令并回车确认

可是好像被拒了=。=

此时要安利淘宝的ruby镜像

4.    如今依照淘宝官方教导的gem install rails -V查看运行过程

大概的意思，就是有墙挡着，无法连接吧。

于是继续用淘宝。

5.    然后报错了。说是缺少SSL认证（以下这张图是由于写的时候已经安装好了SASS。无法在拿到这种错误截图啦~就从原创那里扣了一张错误提示！）

先下载证书。把它保存到任何位置，为了方便能够找到。能够保存在ruby的路径下：

SSL证书下载地址

官方地址：https://curl.haxx.se/ca/cacert.pem

百度云盘：http://pan.baidu.com/s/1pKJSlOf

6.    然后去配置环境变量

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" >

7.    重新启动电脑。

8.    依照下面流程来一遍。应该就没啥问题了：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" >

时间： 2024-10-09 20:07:06

SASS入门之SASS安装的相关文章

sass入门

sass入门 什么使sass呢?学过变成语言的人都知道,它不是一种编程语言! 我们知道,css基本上不是程序员的工具,因为它很麻烦,没有变量,没有条件语句,而只是一行行的单纯的描述,非常的不方便!正基于此,有人开始为了更方便地编写css来给css加入了编程元素,这就是“css预处理器(css proprocessor)”-----用一种专门的编程语言来设计样式,然后经过编译生成正常的css文件. 当然,css预处理器不仅仅有sass还有less,这两个css预处理器都非常流行,这里我们先来认识s

sass入门（一）

一].sass入门安装sass安装koala 1 // sass中可以自定义变量 2 $fontStack: Microsoft Yahei; 3 $primaryColor: #333; 4 5 body { 6 font-family: $fontStack; 7 color: $primaryColor; 8 }

sass入门指南

1.简介 sass 它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.这被叫做“css预处理器”(css preprocessor).它提供了很便利的语法,节省了我们写css的时间. 2.安装 (1)首先确保你的电脑安装了 ruby (传送门 https://www.ruby-lang.org/zh_cn/downloads/) // 控制台查看是否安装成功 suby -v (2)安装 sass gem install sass 3.使用 (1)用编辑器 新建

SASS学习笔记1 —— 安装、编译和调试

一.什么是SASS SASS是一种"CSS预处理器"(css preprocessor)的开发工具,为CSS加入编程元素,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护. 二.安装和使用 2.1 安装 SASS是Ruby语言写的,但是两者的语法没有关系.不懂Ruby,照样使用.只是必须先安装Ruby,然后再安装SASS.先导官网下载个ruby 在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,

续Gulp使用入门编译Sass

使用 gulp 编译 Sass Sass 是一种 CSS 的开发工具,提供了许多便利的写法,大大节省了开发者的时间,使得 CSS 的开发,变得简单和可维护. 安装 npm install gulp-sass (--save-dev) 括号中的可选 基本用法 Something like this will compile your Sass files: 'use strict'; var gulp = require('gulp');var sass = require('gulp-sass'

Sass学习之 Sass语法入门--6.插值#{}

6.插值#{} 将预备好的值放进#{“预备好的值”}这里面 @mixin sizes($class, $small, $medium, $big) { .#{$class}-small { font-size: $small; } .#{$class}-medium { font-size: $medium; } .#{$class}-big { font-size: $big; } } @include sizes("header", 12px, 20px, 40px); //CSS

Sass学习之 Sass语法入门--3.混合宏

3.混合宏 混合宏的作用: 相当于把复杂的变量声明集中在一起,免去了单个变量的调用. 声明:@mixin border{} 调用:@include border; 混合宏的分类: 不带参数: @mixin border-radius{ -webkit-border-radius: 5px; border-radius: 5px; } 带参数: //默认有值@mixin border-radius($radius:5px){ -webkit-border-radius: $radius; bord

css预处理器sass入门学习

SASS 叫做css预处理器,他的基本思想是用一门专门的编程语言来进行页面样式的设计,然后在编译成正常的css文件. Sass的用法 安装 sass是用ruby语言写的,所以我们在安装sass之前要先安装ruby(ruby安装自行百度),执行下面命令安装: gem install sass 使用 sass就是普通的文本文件,后缀名为.scss.然后让我们用sass的语法写好文件之后,需要编译成.css文件才能供html文件使用(即通过link标签引入html文件),那么我们就可以使用命令行或是g

09-移动端开发教程-Sass入门

1. 引言 CSS3之前的CSS都大都是枚举属性样式,而编程语言强大的变量.函数.循环.分支等功能基本都不能在CSS中使用,让CSS的编程黯淡无光,Sass就是一种增强CSS编程的扩展语言(CSS4也可以期待),有了像Sass这种预处理语言后,CSS的编程不再局限在枚举属性了,可以有更广阔的舞台. 2. Sass的原理 Sass本质就是在CSS的语法的基础上增加了自定义的变量.循环.分支.函数.mixin.继承.运算等功能,让CSS编程变得异常强大. 当然浏览器是不认识Sass语法.开发人员写完