【bootstrap5】使用VSCode插件编译Sass文件修改默认颜色

本文介绍了如何通过VSCode的Live Sass Compiler插件,轻松编译Bootstrap5的Sass文件,特别是修改默认颜色。只需下载Bootstrap资源包,安装插件,打开scss文件,修改变量,点击编译按钮,即可实时看到颜色变化,方便快捷。

前言

网上有若干使用npm安装编译工具来修改参数(比如默认颜色)的案例,无奈失败好多回,才发现VSCode有这么个好东西。
在这里插入图片描述
话不多说马上开始。

步骤

1、下载bootstrap5资源包

想要开车,首先得有车,先把bootstrap5的资源包下载下来,具体下载和使用方法这里不赘述,只将github链接放在这里:GitHub - bootstrap

2、安装VSCode插件

安装Live Sass Compiler插件或者其他的编译插件,这里以Live Sass Compiler为例。

3、打开bootstrap资源文件夹到工作区

在这里插入图片描述

4、打开scss文件夹中的_variables.scss文件

对其中的主题色进行修改:

//修改前
$primary:       $blue !default;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值