开始使用Node,Express和Bootstrap

时间:2016-03-22 17:09:31

标签: node.js twitter-bootstrap express

我已经开始阅读Node和Express,意图将我的一些项目移植到它上面。我移植的项目目前使用Python和Flask构建,并使用Bootstrap进行样式化。

我很难将基本的Express网站启动并使用Bootstrap作为样式运行。我使用express-generator来设置基本框架,然后使用 npm 来安装bootstrap:

npm install bootstrap

我添加了bootstrap作为要求,并作为中间件:

var bootstrap = require('bootstrap');
app.use('bootstrap');

现在我不确定如何"导入"进入我的布局模板。如果有人可以向我展示一个例子,或者指向一个资源,那就太棒了。

2 个答案:

答案 0 :(得分:0)

你不需要bootstrap作为节点模块,因为bootstrap是一个前端的东西。做凉亭你会更好。 转到您的终端

sudo npm install bower -g

然后,一旦你有了.bowerrc文件

nano .bowerrc

将该文件中的默认目录设置为public

{
"directory":"./public"
}

然后,最后,做到这一点 -

bower install bootstrap --save

这将为您的样式获取引导程序。如果要将数据从服务器传递到htmls,请尝试其中一个模板引擎,如ejs或jade,然后在其中添加cols以呈现为html到客户端。

答案 1 :(得分:0)

在后端使用Nodejs,不需要npm install bootstrap。 Node将为你的html或jade / pug / ejs等提供服务。

您可以使用CDN并链接html或pug中的文件。您还可以选择在/ public目录中包含bootstrap所需的CSS和JS文件。

使用Express生成器是一个很好的开始,你可以指定模板引擎(即jade / pug,ejs等)或只使用html。 Jade / Pug将编译成HTML并提供给前端(客户端)。您可以在jade / pug文件中包含CDN链接,类似于将其包含在常规HTML中的方式。您可能想要阅读一些pug / jade的文档,因为它的语法比html更简约,Pug Docs.

要使用pug / jade,请输入以下命令(假设您已经安装了快速生成器npm):

express --pug --css

要使用html,只需输入以下命令(前提是已经安装了快速生成器npm):

express --no-view --css

上面的命令将创建模板,您所要做的就是在/view/layout.pug文件中包含CDN链接,您可以使用bootstrap。已定义基本路由,仅npm installnpm start