Note: If you don’t need customization, you can use the pre-compiled demos in the dist folder and skip the setup steps.
We use Gulp to automate the build flow. Gulp handles repetitive tasks like compiling, bundling, and live reloading. Learn more here. Follow the steps below to install all prerequisites:
Download and install the latest LTS version of Node.js.
Download Node.jsInstall Gulp globally if not already available:
npm install -g gulp@4.0.1
You can use any of the following:
npm i -g yarn or sudo npm i -g yarn (for linux)npm i -g bun or sudo npm i -g bun (for linux)Install Git if not already available on your system.
Open terminal, navigate to your project folder, and install dependencies:
yarn install (or use npm i/bun i as per your package manager).
Use the following commands to start or build the project:
| Command | Description |
|---|---|
gulp |
Runs the "vertical" demo locally at http://localhost:3000/ with live reload. |
gulp build |
Compiles and bundles assets for production. |
gulp rtl |
Runs the RTL version locally with live reload. |
gulp rtlBuild |
Compiles and bundles assets for production (RTL version). |
ENOENT: no such file or directory, scandir '.../node_modules/node-sass/vendor'
Fix:
npm rebuild node-sassnode_modules and run npm install again