使用Brackets编写Sass代码

10 篇文章 0 订阅
5 篇文章 0 订阅

大家知道Brackets是一个可以实时浏览html页面修改效果的工具,对于前段开发人员应该不会陌生,有了它,布局页面再也不是什么困难了, 目前为止已经更新到1.6了。 下载最新版可以到官方网: http://brackets.io

sass 大家应该也有所了解,它是一个预编译样式的脚本,可以通过sass编译器编译成相应的css代码。详细的关于sass语法请参考官方网: http://sass-lang.com/guide

1、安装Brackets-Sass

brackets也有支持它的插件, 目前我在用的是:https://github.com/jasonsanjose/brackets-sass, 通常你可以在插件管理器里安装 brackets-sass

如果你不能上网,也就不能通过brackets的插件安装里找到。

这里写图片描述

我们可以下载到最新的zip版本, 通常可以在 https://github.com/jasonsanjose/brackets-sass/releases 这里下载.zip 文件名为jasonsanjose.brackets-sass.X.X.X-XXX.zip。

之后,将下载的安装包拖拽到下图红线圈出的区域。

这里写图片描述

接下来,去检查下是否安装成功!

这里写图片描述

OK, 安装成功。。

2、安装Brackets-sass-hint

这个插件的作用是自动读取变量

这里写图片描述

下载地址: https://github.com/konstantinkobs/brackets-SASShints

安装方法和上面一样。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值