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

Question

我正在尝试学习最新的Web开发技术.我已经了解HTML,JS,CSS和服务器端编程.但我不明白哪里Nodejs,npm和Bower进来了.

我想创建一个新项目.所以我为它创建了一个文件夹.然后我想使用bootstrap.所以我跑了bower install bootstrap.现在我在一个名为的文件夹中安装了bootstrap bower_components.这是否意味着,如果我想导入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,

我假设你express在node.js服务器上使用模块.添加如下行时:

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

现在您的HTML文件可以使用bower组件

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

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