MEAN堆栈和bootstrap / bower问题

时间:2014-07-21 14:20:37

标签: javascript node.js bower mean-stack

我正在探索新的开发方式,并且遇到了MEAN堆栈,可以在这里找到 - http://mean.io/#!/

我安装了Mongo,Node(加上npm等...)并完成了网站上所述的所有步骤。当我执行grunt(甚至节点server.js)并打开网页时,问题出现了 - 终端显示以下内容:

  

错误:ENOENT,打开'/Users/xxx/myApp/bower_components/bootstrap/dist/css/bootstrap.css'

第一个问题是,bower_components目录实际上并不存在!我假设这可能是第一个调用点,但是我不能完全确定从哪里开始进行故障排除(我是凉爽的新手)。

有没有人有MEAN堆栈的经验和/或如何解决bootstrap / bower_components目录的问题?

任何帮助都将不胜感激。

提前致谢:)

1 个答案:

答案 0 :(得分:10)

听起来你没有安装凉亭,并且因为没有安装通过凉亭的自举。

安装Bower

$ npm install -g bower

通过凉亭安装bootstrap

$ bower install bootstrap

您可以通过website了解更多相关信息。并且还搜索凉亭包here。由于你正在使用角度,你可能也想下载angular-bootstrap。

更新

bower提供的是客户端模块的包管理器。与npm类似,区别在于npm还提供backend- / nodejs-modules。

如果您正在使用mean.io ,您的项目将使用名为bower.json的文件和另一个名为package.json的文件准备,该文件指定项目中的依赖项。要安装这些,请从获取node.js依赖项开始:

$ npm install

如果您想全局安装bower,请使用:

$ npm install -g bower

然后安装您的bower依赖项

$ bower install

现在你应该好好去。

您也可以手动添加凉亭

或者如果您想 create your mean project from scratch

安装Bower

$ npm install -g bower

通过凉亭安装bootstrap

$ bower install bootstrap

保存您的依赖项

如果你想创建bower.json来保存你的依赖项:

$ bower init 

并按照控制台中提供的说明进行操作。

现在,当您安装新的bower软件包时,使用--save并且bower会将依赖项添加到您的bower.json。

$ bower install bootstrap --save