我已经开始阅读Node和Express,意图将我的一些项目移植到它上面。我移植的项目目前使用Python和Flask构建,并使用Bootstrap进行样式化。
我很难将基本的Express网站启动并使用Bootstrap作为样式运行。我使用express-generator来设置基本框架,然后使用 npm 来安装bootstrap:
npm install bootstrap
我添加了bootstrap作为要求,并作为中间件:
var bootstrap = require('bootstrap');
app.use('bootstrap');
现在我不确定如何"导入"进入我的布局模板。如果有人可以向我展示一个例子,或者指向一个资源,那就太棒了。
答案 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 install
和npm start
。