对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
并指定下载的模块必须放在哪里
- 使用NPM安装包会导致依赖性循环
- 无法使用Grunt安装Bower组件 – “path.join的参数必须是string”
- 在CLI中input“bower”,让它从当前目录运行本地版本?
- 在AngularJS和Nodejs之间共享代码
- bower安装是否需要与bower.json运行在同一个文件夹中?
- MQTT JavaScript客户端没有连接(错误的协议?)
- 如何使用Visual Studioconfiguration凉亭?
- 如何使用Gulp与来自Bower组件的Browserify创build单独的供应商捆绑包
- 客户端模块工作stream程:(Browserify + npm + gulp)或(RequireJS + Bower + gulp)?