TseHang / vp-tainan

visualization project for tainan

vp-tainan

A tainan-visualization project by open-data.

Prerequisites

• npm ( we assume you have pre-installed node.js ).
• For Ubuntu , you must have to install ruby and ruby-compass
  • $ sudo apt install ruby-compass

Getting Started

Install package

npm install -i

Usage

build sass , js (babel)

$ gulp

build hbs to html, and watch

$ ./bin/build -w

• Use gulp to construct it .
• canner-core is your main component which you also use in handlebar.js.

NEW PROJECT

Hbs

• ./layout/... ( like new.hbs )
• You can put your main pattial code in /layout/partial/

Scss

• You should add 2 lines in every .scss:

@import 'default/default';
@import 'partials/header';

Js

• Es6
• babel

Developer

gulp

build sass , js , then watch

$ gulp

minify css , js

$ gulp minify-css
$ gulp minify-js

concate all lib js or css file to one file , reduce request

$ gulp concate-css
$ gulp concate-js

compress img ( It's usually use on final in your project)

$ gulp image

canner-core

build hbs to html

$ ./bin/build 

• -w : watch
• -m : minify code

License

© Taiwanstat

---

About GoGo Frontend

It helps you to construct and orginize your static code , quickly minify html , css , js , img.

Use gulp and canner-core ( The html's template is hbs )