对Node,NPM,Bower感到困惑,并将其用于Bootstrap
我正在尝试学习Web开发的最新技术。 我已经知道HTML,JS,CSS和服务器端编程。 但是我不明白Nodejs
, npm
和Bower
在哪里。
我想创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_modules
而bower
把它放在bower_components
,
我假设你在node.js
服务器上使用express
模块。 当你添加一行如:
app.use(express.static(__dirname+ '/bower_components'));
现在你的HTML文件,可以使用凉亭组件
<link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
另一个选项是编辑.bowerrc
并指定下载的模块必须放在哪里