Angular 项目里使用sass和angular

本文介绍如何在Angular项目中使用Sass进行样式管理及引入Bootstrap增强UI体验的方法。包括现有项目的改造步骤与新建项目时直接配置Sass的方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用sass

1,如果项目已经成立了 可以这样修改:
首先 npm install node-sass –save-dev
接着在\angular.json文件里面修改
“styles”: [
“src/styles.css”
],
为scss
然后 把styles.css文件修改未scss
重新七重angular项目即可 ng serve –open
2,新建一个项目的时候使用
ng new Angularproject –style=sass

使用bootstrap

npm install @ng-bootstrap/ng-bootstrap –save

app.modules.ts里引入如下:

第一步

下载bootstrap4的css 放在assets文件夹下

这里写图片描述

在style.css/scss里面引入bootstrap的样式

引入样式

使用ng-bootstrap预发测试引入是否生效

测试

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值