对Node，NPM，Bower以及将其用于Bootstrap感到困惑

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

本文关键字：Bootstrap 用于 NPM Node Bower      更新时间：2023-09-26

我正在尝试学习最新的Web开发技术。我已经知道HTML，JS，CSS和服务器端编程。但我不明白Nodejs、npm和Bower从哪里进来。

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

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

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

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

npm - 用于安装服务器端模块（快递、加密、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 模块必须放置的位置......

相关文章：