@css-doodle/cli

@css-doodle/cli

The css-doodle CLI for previewing and generating images.

Installation

npm install -g @css-doodle/cli

Usage

Usage: css-doodle [options] [command]

The css-doodle CLI for previewing and generating images

Options:
  -V, --version                  output the version number
  -h, --help                     display help for command

Commands:
  screenshot [options] <source>
  preview [options] <source>     open a window to preview the CSS Doodle file
  parse <source>                 print the parsed tokens, helped to debug on development
  config                         display/set the configuration
  help [command]                 display help for command

screenshot

$ css-doodle screenshot code.css

-o, --output

Custom filename of the generated image.

$ css-doodle screenshot code.css -o result.png

-x, --scale

Scale factor of the generated image, defaults to 1.

$ css-doodle screenshot code.css -x 4

preview

Open a window to preview the CSS Doodle file.

$ css-doodle preview code.css

--fullscreen

Open the preview in fullscreen mode.

$ css-doodle preview code.css --fullscreen

config

Display/set the configuration.

$ css-doodle config

browserPath

Use a custom browser to preview and screenshot.

$ css-doodle config browserPath /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome