MEAN技术栈和Bootstrap/Bower问题

Question

我目前正在探索开发的新方法，并发现了MEAN堆栈，可以在此处找到-http://mean.io/#!/ 我已经安装了Mongo、Node（加上npm等）并按照网站上的所有步骤操作。问题出现在我执行grunt（甚至是node server.js）并打开网页时-终端会显示以下内容:

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

第一个问题是，bower_components目录实际上不存在!我假设这可能是第一个需要解决的问题，但是我不确定从哪里开始排除故障（我是bower的新手）。

是否有人有MEAN stack和/或如何解决bootstrap/bower_components目录问题的经验?

任何帮助都将不胜感激。

先行致谢:)

- user1197220

---

请注意，如果您以root身份登录，bower将无法运行。 - Jossif

Answer 1

看起来你还没有安装bower，因此未能通过bower安装bootstrap。

安装Bower。

$ npm install -g bower

通过 bower 安装 bootstrap

$ bower install bootstrap

您可以在他们的网站上了解更多信息。并且还可以在这里搜索Bower软件包。由于您正在使用Angular，您可能还想下载angular-bootstrap。

更新

Bower提供的是客户端模块的软件包管理器，类似于npm，不同之处在于npm还提供了后端/Node.js模块。

如果您正在使用mean.io，则您的项目将准备好一个名为bower.json和另一个名为package.json的文件，其中指定了您项目中的依赖关系。要安装它们，请先获取您的node.js依赖项：

$ npm install

如果你想要全局安装 bower，请使用以下命令：

$ npm install -g bower

然后安装您的Bower依赖项

$ bower install

现在你应该已经可以开始了。

您也可以手动添加Bower

或者，如果您想从头开始创建自己的Mean项目

安装Bower

$ npm install -g bower

通过 bower 安装 Bootstrap

$ bower install bootstrap

保存依赖项

如果您想创建bower.json以保存依赖项：

$ bower init 

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

现在，当您安装新的 bower 包时，使用 --save，bower 将把依赖项添加到您的 bower.json 中。

$ bower install bootstrap --save

- cbass

---

我想补充一点，您应该在项目路径下运行 bower install 命令，这样它就会为您安装所有的 bower 依赖。 - Yonatan Ellman