Brackets-SASS Plugin setup

  • 21
Brackets is a cool , superb and free IDE with a ton of useful plugins! One such is the Brackets SASS plugin.

On a personal laptop, its a straight forward stuff. Go to the Install extensions, search for Brackets SASS, Click install. But from a proxy, we will be forced to do the Manual Installation most times.
Once installed, we need Brackets to auto compile the required sass files and provide the css output at a folder we want.

Running SASS behind corporate proxy

NOTE: The steps mentioned below are for windows only. ( Tried from a Windows 7, 32 Bit PC )

Well, shit happens! and it happens quite a lot of times. 
 Node, SASS, gem, everything is awesome, but its just that these thing remain a showcase item inside a corporate proxy as 9 times out of 10, we wont be able to use it because of proxy restrictions.

Sass tools - Chapter 14

  • 0
If you are my kind (who hates command line for unknown reasons ),there are more tools available for sass. Check out this collection of tools for LESS & SASS.

Wrapping up with this 14 chapter blog collection for sass with the steps to compile sass from your command line.

Pre - requisites for command line sass
  1. Make sure you have admin rights. If you are behind a proxy, then your corporate office's proxy might block command line based installations.
  2.  Node JS
  3. Ruby installer
  4. Once you have the above two, you can install sass with the gem command.  
 
Checking the version to make sure that sass and ruby are installed.

Once that is ready, lets move to the root of the directory inside of which you have placed your project files, and type the following command.

Here we are asking sass to take the input from sass/app.scss and output them to css/app.scss.
Along with that, it has created the source maps as well.

And the last piece would be to ask sass to watch for changes.

Now every time we make a change in any of the partials, it auto compiles, creates the css and corresponding source maps!

Now there are other frameworks like Compass that does the compilation too. This is just one option among the various other cool stuffs!

TODO: ( future posts )
  1. Another blog post utilizing the features of Compass 
  2. A detailed analysis of SASS frameworks that includes Bourbon, Neat, Bitter, Refill!  
Thats it from the SassyVilla for the time being... :)
Cheers!