Skip to content

Instantly share code, notes, and snippets.

@1Marc

1Marc/sass-workshop-setup.md

Last active March 10, 2024 18:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save 1Marc/ccc99b341da3362a97dd9b3d06b67902 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save 1Marc/ccc99b341da3362a97dd9b3d06b67902 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. 1Marc revised this gist Apr 12, 2017. 1 changed file with 5 additions and 5 deletions.
    10 changes: 5 additions & 5 deletions sass-workshop-setup.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@ 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 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](https://github.com/creationix/nvm#installation).

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

    @@ -17,10 +17,10 @@ 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
    Particularly if you’ve never tried it before, you should install [Microsoft Visual Studio Code](https://code.visualstudio.com/). Some fantastic extensions that I use regularly include
    * [css-triggers](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.csstriggers)
    * [vscode-icons](https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons)
    * [Sublime Text Keymap](https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings) - Install if you’re used to sublime text keyboard shortcuts

    ### Check out and setup the project for this workshop

  2. 1Marc revised this gist Apr 12, 2017. 1 changed file with 12 additions and 5 deletions.
    17 changes: 12 additions & 5 deletions sass-workshop-setup.md
    View file
    Original file line number Diff line number Diff line change
    @@ -10,8 +10,10 @@ You’ll need a relatively recent version (v4.5 or newer, v7 ideally) of node.js

    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"```
    ```
    nvm --version # might look like "0.31.4"
    node --version # might look like "v7.7.3"
    ```

    ### Visual Studio Code

    @@ -22,11 +24,16 @@ Particularly if you’ve never tried it before, you should install Microsoft Vis

    ### Check out and setup the project for this workshop

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

    then attempt to start the app up

    ```./run -e nesting```
    ```
    ./run -e nesting
    ```

    should see a banner indicating that you’ve started an exercise
  3. 1Marc created this gist Apr 12, 2017.
    32 changes: 32 additions & 0 deletions sass-workshop-setup.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,32 @@
    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