popular front end project scaffold

Usage no npm install needed!

<script type="module">
  import generatorFrontendDog from '';



License License License License License

generator-frontend-dog (under construction)

Frontend-dog provides many popular frontend scaffolds, you can custom your project with ES6, PostCSS, ESLint, React, Vue.js, AngularJS, Polymer, Gulp, Webpack...or just a simple lightly demo page :)


First, install Yeoman and generator-frontend using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-frontend-dog

Then generate your new project:

yo frontend-dog:demo

Generator List

Generator frontend-dog provides some nice scaffolds:


A very simple page scaffold, only add gulp && livereload to let you quickly get started to code. If you don't wanna use the fucking Webpack, React or any other framework, you just wanna the pure JavaScript by hand, try it:

yo frontend-dog:demo

It will generate files like this:

├── gulpfile.js                 # only contain livereload config
├── package.json
└── src
    ├── index.html              # the entry page
    ├── css
    │   └── index.css
    └── js
        └── index.js

Then, run npm install by yourself, after that run gulp or npm run dev command to start server.


This is the default scaffold. Comparing to the demo scaffold, this default scaffold only add the ES6 && PostCSS, and choose BrowserSync to livereload, without any framework.

yo frontend-dog

The scaffold like this:

├── gulpfile.js                 # livereload + ES6 + PostCSS
├── package.json
├── index.html                  # the entry page
└── src
    ├── index.html
    ├── css
    │   └── index.css
    └── js
        └── index.js            # the entry js
        └── config.js


A full scaffold for building a webapp with Vue.js, Polymer, AngularJS or any other popular framework.



MIT © 0326