javascript - MEAN 堆栈和 bootstrap/bower 问题

Question

我目前正在探索新的开发方法，并且遇到了 MEAN 堆栈，可以在此处找到 - http://mean.io/#!/

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

Error: ENOENT, open '/Users/xxx/myApp/bower_components/bootstrap/dist/css/bootstrap.css'

第一个问题是，bower_components 目录实际上并不存在!我假设这可能是第一个电话点，但是我不确定从哪里开始对此进行故障排除(我是 bower 的新手)。

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

如有任何帮助，我们将不胜感激。

提前致谢:)

Answer 1

听起来您还没有安装 Bower，因此没有通过 Bower 安装 bootstrap。

安装 Bower

$ npm install -g bower

通过 bower 安装 bootstrap

$ bower install bootstrap

您可以阅读更多关于它的 website .并搜索 bower 包 here .由于您使用的是 angular，因此您可能还想下载 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

现在你应该可以开始了。

你也可以手动添加bower

或者如果您想从头开始创建您的普通项目

安装 Bower

$ npm install -g bower

通过 bower 安装 bootstrap

$ bower install bootstrap

保存你的依赖

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

$ bower init 

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

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

$ bower install bootstrap --save