SASS的安装方式有哪些(sass,开发技术)

时间:2024-05-04 17:39:51 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

SASS是便是一门动态样式语言,是一款款强化CSS的辅助工具,它在CSS语法的基础上,增加了变量,嵌套,混合,导入,函数的高级功能,这些拓展使CSS更加强大与优雅,有助于更好的管理样式文件,以及更高效的开发项目。

SASS的安装方式有哪些

NPM 安装

我们可以使用 npm(NPM 使用介绍)来安装 Sass。

npminstall-gsass

注:国内 npm 建议使用淘宝镜像来安装,参考:NPM 国内慢的问题解决

Windows 上安装

我们可以使用 Windows 的包管理器 Chocolatey 来安装:

chocoinstallsass

Mac OS X (Homebrew)安装

Mac OS 可以使用 Homebrew 包管理器来安装:

brewinstallsass/sass/sass

更多安装方法可以查看官网:https://sass-lang.com/install

使用介绍

我们的教程使用的是 npm 安装的 sass,安装完成后可以查看版本:

$ sass –version 1.22.12 compiled with dart2js 2.5.0 接下来我们创建一个 runoob-test.scss 文件,内容为: runoob-test.scss 文件代码:

/*定义变量与值*/$bgcolor:lightblue;$textcolor:darkblue;$fontsize:18px;/*使用变量*/body{background-color:$bgcolor;color:$textcolor;font-size:$fontsize;}

然后在命令行输入下面命令,即将 .scss 文件转化的 css 代码:

$sassrunoob-test.scss@charset"UTF-8";/*定义变量与值*//*使用变量*/body{background-color:lightblue;color:darkblue;font-size:18px;}

我们可以在后面再跟一个 .css 文件名,将代码保存到文件中:

$sassrunoob-test.scssrunoob-test.css

这是会在当前目录下生存 runoob-test.css 文件,代码如下:

@charset"UTF-8";/*定义变量与值*//*使用变量*/body{background-color:lightblue;color:darkblue;font-size:18px;}/*#sourceMappingURL=runoob-test.css.map*/


 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:SASS的安装方式有哪些的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:php如何计算今天是今年第几天下一篇:

6 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18