对 Node、NPM、Bower 感到困惑，并将其用于 Bootstrap

Question

我正在努力学习最新的网络开发技术。我已经知道 HTML、JS、CSS 和服务器端编程。但我不明白 Nodejs、npm 和 Bower 是从哪里来的。

我想创建一个新项目。所以我为它创建了一个文件夹。然后我想用bootstrap。所以我运行bower install bootstrap。现在我在名为 bower_components 的文件夹中安装了 bootstrap。这是否意味着，如果我想导入 Bootstrap，我必须像这样添加它？:

<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

或者我错过了什么。老实说，我不知道从哪里开始使用这些包管理器。

Answer 1

bower - 用于安装客户端库/模块（例如：jquery、bootstrap、angular 等），模块详细信息通常放在 bower.json 项目根文件夹

npm - 用于安装服务器端模块（express、crypto、socket.io等），模块详细信息一般放在项目根文件夹的package.json中。

通常，您使用 npm 安装的东西存储在文件夹 node_modules 中，而 bower 将其放在 bower_components、

中

我假设您在 node.js 服务器上使用 express 模块。当您添加一行时：

app.use(express.static(__dirname+ '/bower_components'));

现在你的 HTML 文件，可以使用 bower 组件作为

<link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

另一种选择是编辑 .bowerrc 并指定下载的 Bower 模块必须放置的位置...

对 Node、NPM、Bower 感到困惑，并将其用于 Bootstrap

Confused about Node, NPM, Bower, and using it for Bootstrap

javascript

node.js

npm

twitter-bootstrap

bower