JGDM Web Project Starter - Last update: 21-04-2023 - 08:43

Welcome to "Web Project Starter" by Jonnie Grieve Digital Media.

Sections

Setup
JS/Node Package List
NPM Instructions
Links
Notes

Setup and Usage

This is my web starter repository. You can use it if you wish to kick start your own web projects. It contains a number of NPM packages to get you started, including Angular, Vue, jQuery and React.js.

cd to a project root directory and clone repository using git clone https://github.com/jg-digital-media/jgdm_web_project_starter

Or you can simply expand on the CSS and HTML file provided. You're set up to use SASS if you wish but you can also just use a standard CSS file. If you're using SASS, use the command sass --watch sass.scss:style.css.

JS Package List

jquery - npm install -g jQuery jquery3.5.1 included
Angular - npm install -g @angular/cli angular 10.1.3 included
vue - npm install vue@next vue.js 3.0.0 included
vue - npm install vue@next vue.js 3.0.0 included
phaser.js - npm install phaser@3.24.1 phaser.js 3.24.1 included
express.js - npm stall -g express - Express 4.17.1 included
greensock.js - npm install -g gsap - Greensock 3.5.1 included
Slick Carousel - npm install -g slick-carousel - Slick 1.8.1 included
react.js - npm install -g react - React 16.13.1 included
webpack - npm install -g webpack - Webpack 4.44.2 included

You can install these to your system by going to the web_project_starter root directory and typing npm install in your console.

NPM Instructions

Node installation - Make sure Node.js and NPM are installed om your system.

npm install -g node
npm install -g npm - to install the latest version of npm - the package manager for node projects

Node Commands

npm install will install all the initial project dependencies to your location whenever you need it to.
npm update - will update packages whenever required.

To install an NPM package

npm install jquery

To uninstall an NPM package

npm uninstall jquery -
npm install jquery -g -

Notes

import jQuery

jg-digital-media/jgdm_web_project_starter