captainblue2013/DevCLI

Developer command-line tool for WebCell

WebCell DevCLI

Developer command-line tool for WebCell

Feature

1. Boot a directory as a WebCell project

2. Create a Component from Code template

3. Bundle components to a package with JS modules in it

4. Support to import HTML & CSS (LESS, SASS/SCSS or Stylus) as a String, JSON & YAML as an Object, and other assets as Data URI in ES module

5. Real-time preview during development in Chrome, Firefox or IE

Usage

Create a Project

npm init web-cell path/to/your_project \
    --remote https://github.com/your_id/repo_name.git

Create a Component

web-cell new your-tag attr1,attr2

Create a Router & Pages

web-cell new-router router_prefix page1,page2

Configuration reference

• Source directory

• NPM script

• Babel

Command

Usage: web-cell [options] [command]

Developer command-line tool for WebCell

Options:
    -V, --version              output the version number
    -h, --help                 output usage information

Commands:
    boot [path] [options]      Boot a directory as a WebCell project
    new <name> [attributes]    Create a Component from Code template
                               (Attributes should be separated by commas)
    new-router <name> [pages]  Create a Router from Code template
                               (Pages should be separated by commas)
    pack                       Bundle components to a package with JS modules in it
    preview                    Real-time preview during development
    help [cmd]                 display help for [cmd]

Typical case

1. Cell Router

2. Material Cell

3. GitHub Web widget

4. Month picker