top

topsy

Front-end project generator

Showing:

Popularity

Downloads/wk

32

Maintenance

No Maintenance Data Available

Package

Dependencies

7

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

{ Topsy }

Front-end boilerplate (think v2 of headstart)

topsy

Requirements

  • NodeJS/NPM

Usage

Install

npm install -g topsy

Initialize project

topsy init -p new_project # topsy help for more options

Generator

cd new_project && topsy shock

Develop

cd _dev && gulp

Then visit http://localhost:7000 to see the example app running and ready for development.

Examples

Components

  • RequireJS
  • Zepto.js
  • Lodash.Underscore
  • Backbone
  • BrowserSync
  • React

Directory structure

  Topsy
  |____ topsy.json (Generator configs)
  |
  |____ _dev (Development Directory)
  |     |____ _src
  |     |     |____backend
  |     |     |____frontend
  |     |     |____test
  |     |     |____vendor
  |     .
  |     .
  |     |____ gulpfile.coffee
  |     |____ package.json
  |
  |____ _static (Deployable Project)
        |____ css
        |____ js
        |____ index.html

TODO

  • Consider Browser-Sync in place of Livereload
  • Better CLI control and options
  • Use better file copier for examples (to prevent entire project copies)
  • Join topsy and turvy

Copyright © 2014 Nicholas Hwang

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100