{"id":218,"date":"2019-04-29T00:38:34","date_gmt":"2019-04-29T00:38:34","guid":{"rendered":"https:\/\/avantutor.com\/blog\/?p=218"},"modified":"2019-04-29T00:38:35","modified_gmt":"2019-04-29T00:38:35","slug":"getting-started-sass-on-mac","status":"publish","type":"post","link":"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/","title":{"rendered":"Getting Started with SASS on Mac OS X"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Step 1) Get Homebrew and xcode<\/h2>\n\n\n\n<p>Check if you have Homebrew. Run the following command in the terminal<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>brew --version<\/code><\/pre>\n\n\n\n<p>Install <strong>Homebrew<\/strong> if you don&#8217;t have it.  Type the following  command into your terminal. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>ruby -e \"$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/master\/install)\"<\/code><\/pre>\n\n\n\n<p>You might need to install\/update <strong>xcode<\/strong> as well.  Go to the App Store to get or update <strong>xcode<\/strong>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2) Install SASS using Homebrew<\/h2>\n\n\n\n<p>Once you have Homebrew you can install SASS using the following command<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>brew install sass\/sass\/sass<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3) Watch SASS Files<\/h2>\n\n\n\n<p>Run the following command to automatically have your SCSS files be converted to CSS files as you modify them. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>sass --watch your_file_name.scss:your_file_name.css<\/code><\/pre>\n\n\n\n<p>Now modify your SCSS file, save and then checkout your CSS file to see the changes. <\/p>\n\n\n\n<p>That&#8217;s it! Feel free to comment questions or concerns below. <\/p>\n\n\n\n<p>Happy Coding! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step 1) Get Homebrew and xcode Check if you have Homebrew. Run the following command in the terminal Install Homebrew if you don&#8217;t have it. Type the following command into your terminal. You might need to install\/update xcode as well&#8230;. <a class=\"more-link\" href=\"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"footnotes":""},"categories":[30],"tags":[41,42],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Getting Started with SASS on Mac OS X - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding<\/title>\n<meta name=\"description\" content=\"Short and simple guide on how to get started with SASS on a Mac OS X Step 1) Get Homebrew and xcode. Step 2) Install SASS. Step 3) Watch SASS Files.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started with SASS on Mac OS X - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding\" \/>\n<meta property=\"og:description\" content=\"Short and simple guide on how to get started with SASS on a Mac OS X Step 1) Get Homebrew and xcode. Step 2) Install SASS. Step 3) Watch SASS Files.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/\" \/>\n<meta property=\"og:site_name\" content=\"AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-29T00:38:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-29T00:38:35+00:00\" \/>\n<meta name=\"author\" content=\"avansardar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"avansardar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/\",\"url\":\"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/\",\"name\":\"Getting Started with SASS on Mac OS X - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding\",\"isPartOf\":{\"@id\":\"https:\/\/avantutor.com\/blog\/#website\"},\"datePublished\":\"2019-04-29T00:38:34+00:00\",\"dateModified\":\"2019-04-29T00:38:35+00:00\",\"author\":{\"@id\":\"https:\/\/avantutor.com\/blog\/#\/schema\/person\/3a1820bcdd71870ace675436f371be9e\"},\"description\":\"Short and simple guide on how to get started with SASS on a Mac OS X Step 1) Get Homebrew and xcode. Step 2) Install SASS. Step 3) Watch SASS Files.\",\"breadcrumb\":{\"@id\":\"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/avantutor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started with SASS on Mac OS X\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/avantutor.com\/blog\/#website\",\"url\":\"https:\/\/avantutor.com\/blog\/\",\"name\":\"AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding\",\"description\":\"Looking for expert advice on how to improve your coding skills? The AvanTutor blog provides a wealth of resources and insights to help you become a better programmer. Our experienced tutors share tips and tricks for mastering popular programming languages such as Java, and JavaScript, as well as insights into the latest trends in software development. With regular updates and engaging content, the AvanTutor blog is your go-to resource for all things coding.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/avantutor.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/avantutor.com\/blog\/#\/schema\/person\/3a1820bcdd71870ace675436f371be9e\",\"name\":\"avansardar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/avantutor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/81392f2a2c93b7b1c7479ed6b4115f02?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/81392f2a2c93b7b1c7479ed6b4115f02?s=96&d=mm&r=g\",\"caption\":\"avansardar\"},\"url\":\"https:\/\/avantutor.com\/blog\/author\/avansardar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Getting Started with SASS on Mac OS X - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding","description":"Short and simple guide on how to get started with SASS on a Mac OS X Step 1) Get Homebrew and xcode. Step 2) Install SASS. Step 3) Watch SASS Files.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/","og_locale":"en_US","og_type":"article","og_title":"Getting Started with SASS on Mac OS X - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding","og_description":"Short and simple guide on how to get started with SASS on a Mac OS X Step 1) Get Homebrew and xcode. Step 2) Install SASS. Step 3) Watch SASS Files.","og_url":"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/","og_site_name":"AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding","article_published_time":"2019-04-29T00:38:34+00:00","article_modified_time":"2019-04-29T00:38:35+00:00","author":"avansardar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"avansardar","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/","url":"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/","name":"Getting Started with SASS on Mac OS X - AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding","isPartOf":{"@id":"https:\/\/avantutor.com\/blog\/#website"},"datePublished":"2019-04-29T00:38:34+00:00","dateModified":"2019-04-29T00:38:35+00:00","author":{"@id":"https:\/\/avantutor.com\/blog\/#\/schema\/person\/3a1820bcdd71870ace675436f371be9e"},"description":"Short and simple guide on how to get started with SASS on a Mac OS X Step 1) Get Homebrew and xcode. Step 2) Install SASS. Step 3) Watch SASS Files.","breadcrumb":{"@id":"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/avantutor.com\/blog\/getting-started-sass-on-mac\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/avantutor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Getting Started with SASS on Mac OS X"}]},{"@type":"WebSite","@id":"https:\/\/avantutor.com\/blog\/#website","url":"https:\/\/avantutor.com\/blog\/","name":"AvanTutor Blog - Tips, Tricks, and Resources for Mastering Coding","description":"Looking for expert advice on how to improve your coding skills? The AvanTutor blog provides a wealth of resources and insights to help you become a better programmer. Our experienced tutors share tips and tricks for mastering popular programming languages such as Java, and JavaScript, as well as insights into the latest trends in software development. With regular updates and engaging content, the AvanTutor blog is your go-to resource for all things coding.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/avantutor.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/avantutor.com\/blog\/#\/schema\/person\/3a1820bcdd71870ace675436f371be9e","name":"avansardar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/avantutor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/81392f2a2c93b7b1c7479ed6b4115f02?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/81392f2a2c93b7b1c7479ed6b4115f02?s=96&d=mm&r=g","caption":"avansardar"},"url":"https:\/\/avantutor.com\/blog\/author\/avansardar\/"}]}},"_links":{"self":[{"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/posts\/218"}],"collection":[{"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/comments?post=218"}],"version-history":[{"count":1,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/posts\/218\/revisions"}],"predecessor-version":[{"id":219,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/posts\/218\/revisions\/219"}],"wp:attachment":[{"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/media?parent=218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/categories?post=218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/avantutor.com\/blog\/wp-json\/wp\/v2\/tags?post=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}