Angular样板和Twitter Bootstrap 3

Question

我试图使用这个项目https://github.com/ngbp/ngbp,但使用Twitter Bootstrap 3.我找不到关于如何做到的帖子.是因为:

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

我担心使用Twitter Bootstrap 2.3.2,因为这个样板代码附带的是旧的.我对吗？

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

Answer 1

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

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

更新这是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"
    }
}