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

标签 javascript node.js twitter-bootstrap npm bower

我正在努力学习最新的网络开发技术。我已经了解 HTML、JS、CSS 和服务器端编程。但是我不明白 NodejsnpmBower 是从哪里来的。

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

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

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

最佳答案

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 文件,可以使用 bower 组件了

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

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

关于javascript - 对 Node、NPM、Bower 感到困惑,并将其用于 Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29045728/

相关文章:

javascript - 获取div中的行数

javascript - 从数组中删除部分

javascript - JS中如何只合并已定义的对象?

javascript - while(true) 循环中的 promise /等待 promise 解决

css - Twitter Bootstrap 导航栏固定

twitter-bootstrap - Bootstrap 预输入使大写不敏感?

javascript - ReactJS:按字母顺序对选项进行排序

javascript - 从主文件调用另一个文件中的异步函数

javascript - Sails.js:Bootstrap 遇到错误

javascript - CakePHP 中的 Daterangepicker 日期默认为零