sass-workshop-setup.md

I’m looking forward to the Sass Fundamentals workshop! A few notes to ensure you’re set up in advance are below.

See you soon!

Mike

Node.js

You’ll need a relatively recent version (v4.5 or newer, v7 ideally) of node.js installed. On OS X, a great way of doing this without disturbing your existing dev environment is to install NVM. Installation instructions are here.

You’ll know everything is set up properly when you can run

nvm --version # might look like "0.31.4"
node --version # might look like "v7.7.3"

Visual Studio Code

Particularly if you’ve never tried it before, you should install Microsoft Visual Studio Code. Some fantastic extensions that I use regularly include

• css-triggers
• vscode-icons
• Sublime Text Keymap - Install if you’re used to sublime text keyboard shortcuts

Check out and setup the project for this workshop

git clone git@github.com:mike-north/sass-workshop.git
cd sass-workshop
npm install

then attempt to start the app up

./run -e nesting

should see a banner indicating that you’ve started an exercise

Hi Mike,

git clone git@github.com:mike-north/sass-workshop.git should change to

git clone https://github.com/mike-works/sass-fundamentals.git

Thanks

Hi Mike,

git clone git@github.com:mike-north/sass-workshop.git should change to

git clone https://github.com/mike-works/sass-fundamentals.git

Thanks

Great, thanks

Neither of those worked for me, I got an error:

git@github.com: Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

But then this worked:
git clone https://github.com/mike-works/sass-fundamentals.git

when i run the command npm install it take some time and after that it says "npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\hp\AppData\Local\npm-cache_logs\2022-03-08T07_19_40_588Z-debug-0.log " any soluton

Has anyone been able to get this to work? After cloning the above resource pointed out by @trevorfrese , I was able to get the right files but running npm install from the root folder produces several errors, as does trying to run npm instal l from the nesting folder for the first lesson. Should I be using an earlier version of node?

Has anyone been able to get this to work? After cloning the above resource pointed out by @trevorfrese , I was able to get the right files but running npm install from the root folder produces several errors, as does trying to run npm instal l from the nesting folder for the first lesson. Should I be using an earlier version of node?

Hi, ElDuke, I face the same errors, and I somehow can't get the right files using npm install

Hi, same issue here. I can't get running. npm install with a lot of errors. :(

@Jamalahmad123 @ElDuke717 @Pearlsky @VJavierPons Install the latest version of node-sass-middleware in the devDependencies and that should do.

node-sass-middleware

    ErrorCaptureStackTrace(err);
    ^

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension "" for D:\Microverse\sass-fundamentals\run. Loading extensionless files is not supported inside of "type":"module" package.json contexts. The package.json file D:\Microverse\sass-fundamentals\package.json caused this "type":"module" context. Try changing D:\Microverse\sass-fundamentals\run to have a file extension. Note the "bin" field of package.json can point to a file with an extension, for example {"type":"module","bin":{"run":".\run.js"}}
    at new NodeError (node:internal/errors:372:5)
    at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:76:11)
    at defaultGetFormat (node:internal/modules/esm/get_format:118:38)
    at defaultLoad (node:internal/modules/esm/load:21:20)
    at ESMLoader.load (node:internal/modules/esm/loader:407:26)
    at ESMLoader.moduleProvider (node:internal/modules/esm/loader:326:22)
    at new ModuleJob (node:internal/modules/esm/module_job:66:26)
    at ESMLoader.#createModuleJob (node:internal/modules/esm/loader:345:17)
    at ESMLoader.getModuleJob (node:internal/modules/esm/loader:304:34)
    at async Promise.all (index 0) {
  code: 'ERR_UNKNOWN_FILE_EXTENSION'
}

Updated Sass Fundamentals Installation Instructions

I've cloned and installed the repo successfully using Node version 8.17.0 (lts/carbon). To manage your Node version, I'd recommend using Node Version Manager (nvm). Once you have nvm installed, follow these installation instructions:

Download or Clone the Repository

git clone https://github.com/mike-works/sass-fundamentals.git
cd sass-fundamentals

Install/Switch Node Version
Make sure you are in the sass-fundamentals directory. Install Node version 8.17.0:

nvm install 8.17.0

You can verify what version of Node you are using with node -v. If you are not using the correct version but know you have it installed, you can switch versions with nvm use 8.17.0.

Install Dependencies

npm install

You will still see deprecation warnings and vulnerabilities reported, but packages should install correctly. Once the dependencies are installed, you should be able to run the exercises. Here's a list of all the exercises:

./run -e nesting
./run -e parent
./run -e variables
./run -e mixins
./run -e range
./run -e functions
./run -e if
./run -e tiny
./run -e bem
./run -e extend
./run -e luminance

excellent, thank you.

…

On Tue, Nov 29, 2022 at 1:18 PM Dustin Tauer ***@***.***> wrote: ***@***.**** commented on this gist. ------------------------------ Updated Sass Fundamentals Installation Instructions I've cloned and installed the repo successfully using Node version 8.17.0 (lts/carbon). To manage your Node version, I'd recommend using Node Version Manager (nvm) <https://github.com/nvm-sh/nvm>. Once you have nvm installed, follow these installation instructions: *Download or Clone the Repository* git clone https://github.com/mike-works/sass-fundamentals.gitcd sass-fundamentals *Install/Switch Node Version* Make sure you are in the sass-fundamentals directory. Install Node version 8.17.0: nvm install 8.17.0 You can verify what version of Node you are using with node -v. If you are not using the correct version but know you have it installed, you can switch versions with nvm use 8.17.0. *Install Dependencies* npm install You will still see deprecation warnings and vulnerabilities reported, but packages should install correctly. Once the dependencies are installed, you should be able to run the exercises. Here's a list of all the exercises: ./run -e nesting ./run -e parent ./run -e variables ./run -e mixins ./run -e range ./run -e functions ./run -e if ./run -e tiny ./run -e bem ./run -e extend ./run -e luminance — Reply to this email directly, view it on GitHub <https://gist.github.com/ccc99b341da3362a97dd9b3d06b67902#gistcomment-4385185> or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEIWTOE3TXNSLPGI43BMRR3WKZCHZBFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFQKSXMYLMOVS2I5DSOVS2I3TBNVS3W5DIOJSWCZC7OBQXE5DJMNUXAYLOORPWCY3UNF3GS5DZVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVA2DMNRTGM2DSNFHORZGSZ3HMVZKMY3SMVQXIZI> . You are receiving this email because you commented on the thread. Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub> .

Thank you

not working :(

Missing something here... what do I run to get sass to compile?

The server used in the course files is compiling the SASS files on the fly with a middleware https://github.com/mike-works/sass-fundamentals/blob/master/src/server.js

I'm getting this error when trying to run any of the excercises