Sublime Text 3编译Sass - Sublime Text安装Sass插件

1、首先要安装sass,安装流程:

http://www.w3cplus.com/sassguide/install.html

2、sublime text安装Package Control(已经安装了Package Control的朋友可以跳过此步骤)。

  a、sublime text里按快捷键调出控制台:Ctrl+`

  b、在控制台复制Package Control安装代码,代码在Package Control官网获取:https://packagecontrol.io/installation#Simple

 

3、安装成功Package Control后,快捷键Ctrl+Shift+P,调出Package Control。

4、在面板中输入install package调出线上sublime插件库,可能有网速原因调出时间需要等待一会。

分别安装sass和sass build插件

5、用Sublime Text 3下新建一个test.scss文件

$color: #369;
body {
background: darken($color, 10%);

}
按Ctrl+B则编译成功。提示:

[Finished in 1.0s]

6、编译格式选择,工具(tools)→编译方式(build with...):sass(展开版)和sass - compressed(压缩版),编译快捷键:Ctrl+B

转载于:https://www.cnblogs.com/hoasou/p/5540451.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值