Set up SASS

📘

Note

Command Prompt, PowerShell, and Visual Studio all need to be run as Administrator.

1. Run the command below in a Command Prompt as administrator to Install Chocolatey to assist in installing some of the dependencies.

   PowerShell

   @powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
   

2. Open PowerShell as administrator.

3. Install nodejs by running the following command in PowerShell as administrator, Node.js is a dependence of Grunt:

   PowerShell

   choco install nodejs.install --force
   

   Enter 1 to run the script.

4. Install ruby by running the following command in PowerShell as administrator, Ruby is a dependency for SASS as it is a gem from Ruby:

   PowerShell

   choco install ruby --force
   

   🚧

   Important

   Configured Commerce is not compatible with Ruby v2.5.0.1 (-released 12/26/2017). To avoid installation issues with SASS, use v2.4.3.1.

5. Restart PowerShell as administrator so that new Windows Environment variables get picked so we can continue the setup

6. Run the following commands in PowerShell:
   Installs Grunt

   PowerShell

   npm install -g grunt-cli
   

   Installs Compass

   PowerShell

   gem install compass