sass的使用

本文介绍了在VSCode里使用Sass的相关内容。提到Sass官网安装步骤的镜像可能有问题,淘宝镜像已失效。还给出了自己的安装步骤,可在VSCode商店搜索Sass相关插件,如高亮、格式化插件及编译Sass为CSS的easy sass插件,安装后新建文件夹可自动生成CSS。

环境

sass在vscode里使用

步骤

1.百度sass,然后进入官网,你会看到一个很不错的官网;可以借鉴下它的安装步骤
但是不要全部照搬;因为它的镜像貌似有问题,淘宝的好像已经挂了
2.下面是我的步骤:

1 先安装ruby,按照官网上的安装就行了
2 打开cmd
# ruby -v 查看安装是否搞定
3 换gem源,不要换官网的,没用
# gem sources --remove https://rubygems.org/ 删除老外的源
# gem sources --add https://gems.ruby-china.com/ 添加中国镜像
4 下载sass和Compass
# gem install sass 安装sass
# gem install compass  安装compass
5 检查下是否安装成功
# sass -v 
# compass -v

在这里插入图片描述
然后在vscode里使用
在这里插入图片描述
然后在商店里可以搜索下,画箭头的几个是sass的高亮,格式化等等插件,然后easy sass是编译SaaS为css的,供浏览器识别。都安装下吧,当然,还有其他的,也可以安装。

安装完后,新建个文件夹,看图,什么都不用配置,发现就能自动生成css了,估计是2019年,高级了吧。哈哈。如果要配置路径的话,那就自己百度下吧
在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李卓书

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值