Question

我正在尝试使用此项目https://github.com/ngbp/ngbp，但使用Twitter Bootstrap 3.我找不到有关如何执行此操作的帖子。是因为：

无法完成
不应该这样做
我是世界上唯一一个想要那样做的人
还有其他更好的方法可以做到这一点。

我担心使用Twitter Bootstrap 2.3.2，因为这个样板代码随附了。我是对的吗？

我自己试图修复它，但是我放弃了JavaScript脚本和bug的丛林世界，必须以绝密的顺序组合，如果你很幸运，你也不会得到错误。请帮我。

Answer 1

我考虑使用Yeoman良好做法来搭建新项目。使用Yeoman的优势在于它创建了Grunt（构建工具）和Bower（依赖管理工具）使用的更多神秘文件。 Angular有一个generator。它将允许您选择一组良好的工作库，创建项目，并添加您稍后需要的更多组件。 Yeoman实际上只是Grunt + Bower，然后是Yo - 一个用于截断项目骨架的工具。不错的是，您可以在创建项目后继续添加Angular组件，它将更新您的配置文件，让您可以使用该结构。

如果您想使用Bootstrap 3，我建议您查看Angular-Bootstrap项目组Angular UI的一部分。 Angular Bootstrap包含Bootstrap的一部分，它是javascript但被重写为使用angular style指令。仍然必须包含CSS和图标，并且可以在普通的bootstrap库中找到它们。 Angular-UI自述文件中提供了包含Bootstrap CSS和一些很棒的plunker示例的说明。

更新以下是bower.json的样子。请注意，引导程序是单独包含的。这是因为bootstrap css是一个单独的依赖项，因此无论何时bootstrap都不需要更新angular-ui。

{
    "name": "test",
    "version": "0.0.1",
    "ignore": [
        "**/.*",
        "node_modules",
        "lib",
        "test",
        "tests"
    ],
    "dependencies": {
        "angular": "latest",
        "angular-route": "latest",
        "angular-bootstrap": "latest",
        "angular-ui-utils": "latest",
        "bootstrap": "latest",
    },
    "devDependencies": {
        "angular-mocks": "latest",
        "angular-scenario": "latest"
    }
}

Angular样板和Twitter Bootstrap 3

1 个答案: