前端工具SASS的配置及基本用法

声明:网上类似的教程不胜枚举,这里只是记录自己安装的过程。以便自己日后使用。

环境配置过程:

1,安装sass以及环境:

  正如gulp是基于node.js一样,sass是基于ruby的,所以在使用sass之前一定要安装ruby。

  官方下载链接,由官方的介绍,下载的是ruby 2.2.4(x64)版本。

  安装的时候注意,不要更改默认的安装路径。并选择框中的选项

安装好之后在开始菜单打开框中的选项:

然后在命令行中输入:

gem install sass

等待系统自动安装完成

常用命令行:

sass -v可查看当前安装的sass版本;

sass -h可获取sass相关的命令行帮助工具;

gem update sass可升级当前安装的sass版本;

gem uninstall sass可卸载当前安装的sass版本;

2,使用sass进行编译:

目前,sass支持三种操作方式:

1、命令行编译;

2、Gui编译;

3、自动化编译;

此次,主要探讨Gui编译工具:

Koala,基本能满足使用,可实现自动监测scss源文件的改变自动编译;

Codekit,可以作为备选;

【完】

【之后在使用过程中会更新常用的语法】

 

转载于:https://www.cnblogs.com/ruanxh123/p/5679710.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值