ES6 Frontend Setup Steps

Description

The list of steps I most often use to create the basic scaffolding for a new Frontend project.

Prerequisites

• node (& npm)
• git
• chrome

One-Time Steps

1. npm install -g karma-clito install globally the karma CLI
2. npm install -g live-server to install globally a web-server to serve the files (which refreshes the page every time one of the served files is edited)

Per-Project Steps

1. mkdir <project-folder> to create a new project folder
2. cd <project-folder> to enter the project folder
3. git init to initialize git
4. npm init to initialize npm
5. npm install karma --save-dev to install karma
6. npm install karma-jasmine karma-chrome-launcher --save-dev to install the basic karma plugins