Hi Miles,
Of course you can ask it on this forum!
Just follow a small tutorial like this:
https://treehouse.github.io/installation-guides/mac/node-mac.html
When you have everything installed and you know how to open NPM you search for tutorials about working with NPM.
I give you an example (I’m on Windows, but the basics are the same).
You create a project folder say “My-Project-01” in Windows I would do that on the C drive under Users and my name, but you can CD in any location. You only have to find out how to do this on a Mac.
This is only to give you an idea how it works.
In the meantime I would open the project in Sublime 3 text editor to see the project and work with it.
(it’s free for demo use and fully functional)
Open NPM and:
Install Gulp Globally at first before anything else:
David@DESKTOP-2A2S3DO MINGW64 ~
$ npm -g install gulp
Then I open NPM again and you see in my case:
David@DESKTOP-2A2S3DO MINGW64 ~
$
After the $ sign I type:
David@DESKTOP-2A2S3DO MINGW64 ~
$ CD My-Project-01
I click on enter and I see:
David@DESKTOP-2A2S3DO MINGW64 ~/My-Project-01
$
Now NPM is in my directory!
I go to Github:
https://github.com/JayeshLab/bootstrap-4-sass-gulp-4-boilerplate
Click on the green button and copy the clone URL and paste it to NPM:
[https://github.com/JayeshLab/bootstrap-4-sass-gulp-4-boilerplate.git] https://github.com/JayeshLab/bootstrap-4-sass-gulp-4-boilerplate.git)
Like so:
David@DESKTOP-2A2S3DO MINGW64 ~/My-Project-01
$ git clone https://github.com/JayeshLab/bootstrap-4-sass-gulp-4-boilerplate.git
Click enter and the Bootstrap 4 boilerplate with SASS installs from Github in your project folder.
In the Sublime text editor you can now read the instructions that come with this repository that you have to follow after cloning:
# Bootstrap 4 boilerplate with sass and gulp 4 A Bootstrap 4.1.3 boilerplate with font-awesome, sass, gulp 4 tasks, browserSync (with hot-reloading). You can override bootstrap sass variables by placing those variables in
bootstrap-4-sass-gulp-4-boilerplate/assets/scss/_bootstrap_variable_overrides.scss`
Pre-requisite
Install Gulp Globally
$ npm -g install gulp
Getting started
-
Clone repository:
git clone https://github.com/JayeshLab/bootstrap-4-sass-gulp-4-boilerplate.git
-
Change directory:
cd bootstrap-4-sass-gulp-4-boilerplate
-
Install all dependencies and libraries:
npm install
-
Run Gulp Task:
-
gulp
- To compile scss to css, minify css and js and build ready for production files in dist folder.
-
gulp dev
- Starts a local server with browserSync and hot reloading on changes to files (HTML, SCSS, JS).
`
It looks intimidation at first, but It’s easy when you get in to it.
Warm Regards,
David