Frontend Essential npm Commands

Share Now

Needed packages
1. Initialize Project
2. Bootstrap
3. Fontawesome
4. Autoprefixer

npm init
npm install --save-dev sass
npm install bootstrap --save
npm install --save @fortawesome/fontawesome-free
npm install postcss-cli autoprefixer --save

What is Autoprefixer
Autoprefixer is a CSS post-processor. It combs through compiled CSS files to add or remove vendor prefixes like -webkit and -moz after checking the code against The data on is the most accurate data source on browser support on the internet, be it HTML5, CSS or Javascript.

Fobtawesome SCSS

@use '../node_modules/@fortawesome/fontawesome-free/scss/brands.scss';
@use '../node_modules/@fortawesome/fontawesome-free/scss/regular.scss';
@use '../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss';
@use '../node_modules/@fortawesome/fontawesome-free/scss/solid.scss';
Picture of Nahid Mahamud

Nahid Mahamud

Web Developer | Graphic Designer | WordPress & Woo-commerce Expert