Dev-Starter-Kit
For My Students If you are doing any of my courses make sure you are using the right version this project is using gulp version 4.0.1 to view previous versions switch branches to older version
So I built this for all the new web developers... My Goal is to save you time from the bullsh*t of spending hours looking for ways to speed up your learning. Sometimes all we want to do is just code. (if you are coming from my youtube channel CodingPhase I will base all my tutorials from this starter kit)
I broke it down in simple steps to get you going.
Steps
Download or Pull This Repo Top of this page you can see where it says clone or download
Install Node https://nodejs.org/en/
Download Atom (OPTIONAL) https://atom.io/
Install all the node packages In the root of this project run on your terminal (if you want you can do this with yarn but thats optional) We updated to version 4.0 of gulp so you should have no problems
npm install gulp-cli -g
npm install gulp
npm install webpack@4.25.1 -g
npm install webpack-cli@3.1.2 -g
npm install
Make sure your version of gulp is 4.0
gulp -v
Make sure webpack is installed
webpack -v
Start the dev server
npm run watch
Start the dev server with proxy
npm run proxy
Build files for production
npm run build
Optimize Your Images
npm run imgs
Static Site Generator Development
npm run static:dev
Static Site Generator Production
npm run static:build
Instructions to run starter kit on any backend
Coming Soon
EACCESS ERROR FIX
- how to fix the EACCESS ERROR
- lets say for example you trying to install webpack
- sudo npm install webpack@4.25.1 -g
- and get an error
- Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/webpack/node_modules/fsevents/build'
- then try again to install it but with this at the end "--unsafe-perm=true --allow-root"
- for example
- sudo npm install webpack@4.25.1 -g --unsafe-perm=true --allow-root
or
npm install har-validator@latest --save-dev