Quick start for a new project

Perfect project/pattern for the classic layout. Not intended for SPA.

Stack

• Grunt
• Pug
• SASS
• JS
• Vue.js
• jQuery

NPM list

• grunt
• grunt-contrib-pug
• grunt-autoprefixer
• grunt-browserify
• grunt-contrib-concat
• grunt-contrib-connect
• grunt-contrib-copy
• grunt-contrib-watch
• node-sass
• grunt-sass
• grunt-contrib-cssmin
• grunt-contrib-uglify
• jit-grunt
• load-grunt-config
• breakpoint-sass
• time-grunt: latest

Setup

// Clone the repository
git clone <url>

// Go to the directory with the project
cd <project root>

// Install npm (basic)
npm i

// Install npm (recommended) yarn

// Run default build grunt

// URL to view the home http://localhost:7700/public/dist/