Bootstrap kan geïntegreerd worden in een Node.js-applicatie door het volgende stappenplan te volgen:
1. Maak een nieuwe Node.js-applicatie aan als je deze nog niet hebt gemaakt. Dit kan gedaan worden door de init-commando van npm in de terminal te gebruiken:
\`\`\` npm init \`\`\`1. Daarna moet je Express.js installeren, dat is een webtoepassingsframework voor Node.js. Voer de volgende opdracht uit:
\`\`\` npm install express —save \`\`\`1. Maak een map genaamd “public” in de hoofdmap van uw project. Deze map zal worden gebruikt om statische bestanden te bedienen, zoals css, js en afbeeldingen.
1. In je hoofdapp-bestand (meestal app.js), moet je je app vertellen om de ‘public’ map te gebruiken voor statische bestanden. Dit kan gedaan worden met behulp van de volgende code:
\`\`\`javascript var express = require(‘express’); var app = express(); app.use(express.static(\_\_dirname + ‘/public’)); \`\`\`1. Nu is het tijd om Bootstrap in uw project te integreren. U kunt Bootstrap installeren via NPM met deze opdracht:
\`\`\` npm install bootstrap \`\`\`1. Nadat de installatie is voltooid, vindt u de Bootstrap-bestanden in de map node\_modules. U moet deze bestanden (bootstrap.min.css, bootstrap.min.js en jquery.min.js) kopiëren naar de mappen ‘public/css’ en ‘public/js’ in uw project.
1. In je HTML-bestand moet je verwijzen naar de Bootstrap CSS- en Javascript-bestanden. Dit kan gedaan worden met behulp van code die lijkt op de volgende:
\`\`\`html \`\`\`Dat is het! Nu moet uw Node.js-toepassing Bootstrap goed geïntegreerd hebben.
