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

我正在尝试学习Web开发的最新技术。 我已经知道HTML,JS,CSS和服务器端编程。 但是我不明白NodejsnpmBower在哪里。

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

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

还是我错过了一些东西。 我真的不知道从这些包pipe理器开始。

bower – 用于安装客户端库/模块(例如:jquery,bootstrap,angular等),模块细节通常放在项目根文件夹的bower.json

npm – 用于安装服务器端模块(express,crypto,socket.io等),模块细节通常放在项目根文件夹的package.json中。

一般来说,使用npm安装的东西都存储在文件夹node_modulesbower把它放在bower_components

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

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

现在你的HTML文件,可以使用凉亭组件

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

另一个选项是编辑.bowerrc并指定下载的模块必须放在哪里