Home Reference Source Test

WebCell DevCLI

Developer command-line tool for WebCell

NPM Dependency Build Status

NPM

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

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