DEV Community

loading...

SASS, LESS and BOWER configuration for Windows

Md. Ashikur Rahman
Experience in full stack (PHP, Java, Javascript, MySQL, MongoDB, Linux, Apache - LAMP, MEAN stacks) software development following Agile (Scrum, XP).
・1 min read

SASS

Step 1 : Install Ruby
Step 2 : Open Command Line
Step 3 : Install SASS

gem install sass

check version

sass -v

Create sass file .scss or.sass

sass input.scss outpit.css
sass style.scss style.css

You can also tell Sass to watch the file and update the CSS
every time the Sass file changes:

sass --watch style.scss:style.css

LESS

In general to change the directory to required directory use following command

cd

To check the list of files use the following command

ls

  1. It is node package so node js must be installed before installing less in the pc.
  2. less must be installed globally -g

npm install less -g

  1. To see the available bits of help see the following comments

lessc --help
lessc -h

  1. To convert a less file to a style.css file run the following commands

lessc variable.less style.css

  1. To continuously watch the changes and made the CSS file update run the following command

lessc --watch agency.less custom.css

  1. To check the version of the less

lessc -v

BOWER

  1. To install bower have to install node.js first as it is a node js package
  2. It must be installed globally

npm install -g bower

  1. To initiate bower in a directory

bower init

  1. Some bower packages

bower install fontawesome
bower install jquery
bower install bootstrap

  1. To check the version of bower

bower -v

Discussion (0)