如何将BLK主题添加到angular CLI项目
BLK主题是一个基于Bootstrap的开源前端框架，可以用于快速构建现代化的Web应用程序界面。要将BLK主题添加到Angular CLI项目中，可以按照以下步骤进行操作：
- 首先，确保已经安装了Angular CLI。如果没有安装，可以使用以下命令进行安装：
npm install -g @angular/cli- 创建一个新的Angular CLI项目。使用以下命令创建一个新的项目：
ng new my-project- 进入项目目录：
cd my-project- 安装BLK主题的依赖包。BLK主题提供了一个npm包，可以使用以下命令进行安装：
npm install blk-design-system-angular- 在Angular项目中引入BLK主题。打开
angular.json文件，找到styles数组，并将BLK主题的CSS文件路径添加到数组中：
"styles": [
"node_modules/blk-design-system-angular/assets/css/blk-design-system.css",
"src/styles.css"
]- 在Angular组件中使用BLK主题。打开需要使用BLK主题的组件文件（例如
app.component.html），可以使用BLK主题提供的组件和样式进行开发。
至此，BLK主题已经成功添加到Angular CLI项目中。你可以根据需要进一步定制和开发项目，使用BLK主题提供的各种组件和样式。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云区块链（Blockchain）：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/mv
相关·内容
1回答
如何将BLK主题添加到angular CLI项目
angular、typescript、bootstrap-4
我已经创建了一个带有命令行界面的Angular项目，我想在这个项目中使用Creative Tim的BLK theme。但在by Creative Tim中，唯一的选择是下载一个现有的项目并在此基础上工作。 我真的不想这样做，可以将这个主题添加到我的CLI项目中吗？我试过npm i blk-design-system-angular，但不起作用。
浏览 29提问于2020-08-01得票数 0
回答已采纳
2回答
如何将ng-引导程序添加到角-CLI(花椰菜版本)项目？
angular、ng-bootstrap
如何将ng-bootstrap (由角ui团队编写)添加到角-CLI (Angular2 RC4)项目中？更具体而言：
我必须把它添加到angular-cli-build.js中吗？我必须把它添加到/src/system-config.ts中吗？
浏览 2提问于2016-07-16得票数 5
回答已采纳
3回答
我到底在哪里包括一个自定义的主题文件？
angular、angular-material、angular-material2
我为我的应用程序创建了一个自定义主题，但我不知道如何使用它。从文档中，我看到它应该包含在styles.scss文件中的src文件夹中，但是我的src文件夹中没有这个文件。这是我的angular-cli.json文件： "$schema": "./node_modules/@angular/cli/lib/config/schema.json",&q
浏览 6提问于2017-08-31得票数 1
回答已采纳
1回答
角2中的角材料主题导入在网络风暴中不起作用
css、angular、angular-material2
我试图导入内置的主题角材料2，但网络风暴无法解决的文件路径和查找目录，虽然我的主题文件是驻留在那个确切的目录。我尝试过不同的导入方法，但都导致了相同的问题。下面是如何导入我的styles.scss文件IDE开始高亮显示来自material这是我的主题文件的全部路径。/media/rehan/New Volume/
浏览 3提问于2017-09-10得票数 2
回答已采纳
1回答
Angular 11紫色/绿色材质主题不能正常工作
angular、angular-material、material-design、angular11
我使用Angular-CLI将Angular材质添加到我的项目中。我选择了Purple/Green预建主题。根据主题的preview，背景颜色应该是暗的。但是我的背景颜色仍然是白色的。
浏览 11提问于2021-05-09得票数 1
回答已采纳
2回答
角度材质组件中按类应用颜色的问题
css、angular、angular-material
我在我的angular 10项目中使用了angular材质10.2.5。我通过添加下面这一行来包含主题在我的style.css中，我创建了一个组件
浏览 0提问于2020-10-27得票数 0
1回答
屏幕上的matAutocomplete显示
angular、ionic3
嗨，我是angular的初学者，我想在离子应用程序中显示材料自动完成文本视图，我在下面的博客中做了我的要求，但当我运行我的代码时，它显示在屏幕上，就像下面的图像一样，但我想在输入字段的下面显示，就像他们在博客中的显示方式一样
浏览 1提问于2018-10-16得票数 0
1回答
如何在Angular 5中使用Bootswatch主题
bootstrap-4、angular5、bootswatch
我正在尝试在一个Angular 5项目中使用Bootswatch主题。我使用Bootswatch和Bootstrap版本4.0.0-beta-2。我通过npm安装了这两个工具，并在我的主styles.scss中使用常用的angular-cli/webpack约定将_variables.scss和_bootswatch.scss导入到我的styles.scss我还将相关的主题bootstrap.min.css导入到此文件中，并将其添加到angular</
浏览 12提问于2017-12-19得票数 4
1回答
"ng生成应用程序xyz“CLI不工作
angular6、angular-cli-v6
我试图将一个应用程序添加到现有的项目中，但是当运行"ng generate application xyz“时，它失败了。错误是：数据路径"“应该具有必需的属性'name‘。是否需要手动将新生成的子项目设置添加到父angular.json文件中？-v角CLI
浏览 0提问于2018-09-01得票数 2
回答已采纳
2回答
Angular 4` `ng build-prod`失败，出现无意义的错误
angular、webpack
如果有帮助，这里是ng -vnode: 7.4.0@angular/animations: 4.3.1@angular/cli: 1.1.1@angular<
浏览 7提问于2017-08-12得票数 1
1回答
角质材料类型未加载
angular、angular-material2
我有一个新的角度-Cli项目与角/材料。"dependencies": { "@angular/cdk": "^2.0.0-beta.12",@import '~@angular</em
浏览 2提问于2017-10-24得票数 0
回答已采纳
15回答
如何使用角cli只执行一个测试规范
angular、jasmine、angular-cli
我有Angular2项目构建与角-CLI (beta 20)。我以前有一个基于Angular2快速启动的项目，我可以手动将规范添加到茉莉文件中。但我不知道如何在业力测试之外设置这些，也不知道如何将业力测试限制在带有角-CLI构建的特定文件上。
浏览 19提问于2016-11-18得票数 237
回答已采纳
1回答
snackbar css显示不正确
angular、angular-material、angular-material-7
当我通过http调用=>得到一个错误时，我正在尝试显示一个快餐栏。 constructor( private getuserService: UserService, ) { }
getUser$ = this.actions$.pipe( swi
浏览 25提问于2019-05-24得票数 0
回答已采纳
2回答
如何导入合成主题演播室自定义CSS文件
css、angular、ej2-syncfusion
如何将我们从同步主题工作室下载的自定义scss文件包含到角cli中？
网站建议将URL添加到angular.json中的样式部分。有没有办法避免这样做，并将其导入styles.scss。
浏览 0提问于2021-04-29得票数 1
回答已采纳
1回答
角材料的缺失型标映射&& SystemJS && Angular2
typescript、systemjs、angular-cli、angular-material2
angular-cli-build.js
module.exports(/Users/mrx/Documents/project/learn/angular2/lehrer/node_modules
浏览 2提问于2016-08-22得票数 1
2回答
自定义主题与角4
css、angular、sass、angular-material、custom-theme
我对Angular4，@角形/cli和自定义主题在材料上有困难。我已经搜索了很多次，阅读和重读文档，但没有任何效果。恐怕这似乎是一些人提出的问题，但他们的问题的答案似乎不适用于我，似乎符合早期版本的角和角-cli。
我可以让预先构建的主题正常工作，但是当我尝试使用自定义主题时，什么都不会发生。肯定有一些步骤我没有做，但从tuts看来，我只需要将包含自定义主题的scss文件添加到src文件夹中，并将文件名添加到角-cl
浏览 4提问于2017-07-13得票数 2
回答已采纳
3回答
Angular Material2 md-select下拉菜单出现在页面底部
angular、material-design、haml、angular-material2、md-select
我目前正在使用Angular 2.4.0应用程序中的Angular Material2 (使用@angular/material: 2.0.0-beta.1)。并删除了视图中除下拉菜单之外的所有代码，以缩小我自己的范围，同时也让阅读本文的人更容易看到问题))：import { FormBuilder, FormGroup } from &#
浏览 55提问于2017-01-29得票数 4
1回答
角度材质选项卡标题不需要的行为
javascript、angular、typescript、angular-material
我的依赖项是： "@angular/animations": "^5.1.1", "@angular/compiler": "^5.1.1&q
浏览 1提问于2018-02-06得票数 4
回答已采纳
2回答
集成Angular 2和.NET核心Web API的最佳方式？
angular、angular-cli、asp.net-core-webapi
我目前有2个项目作为我的解决方案。前端是使用Angular cli创建的Angular 2应用程序，后端是.NET Core Web API。如何将这两个应用程序集成在一起，以便在同一端口上为它们提供服务？目前，我已经将头文件放入web API中，以允许跨域请求中的所有域，但我不想在生产中这样做，而且我还需要引入身份验证，所以我需要一个在Angular 2应用程序和API之间共享的cookie。我仍然想使用Angular cli作为脚手架的An
浏览 16提问于2017-03-06得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
