Noodles, Poodles and More!
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

ui-sketchbook

1.2.3 • Public • Published

UI Sketchbook

  • Toolkit to scaffold, build and deploy static UI prototypes.
  • Works with npm scripts – no gulp, no grunt, no broccoli, no brunch.
  • Brings some handy defaults and packages which should make prototyping in the browser quicker and more fun, like:
    • jade
    • sass
    • surge
    • colors
    • semantic UI
  • can work as offline "native web app" (install-to-homescreen) with help of surge auto appcache

REQUIRES NPM 3

To get started from zero...

...open your terminal and enter these lines:

mkdir my-new-thing
cd my-new-thing 
git init

# make a .gitignore
echo "dist/" > .gitignore
echo "node_modules/" >> .gitignore
echo "npm-debug.log" >> .gitignore

# generate a package.json
npm init --yes

# install the toolbox
npm install --save ui-sketchbook

# add script shortcuts to package.json

node_modules/npm-add-script/cmd.js --key "start" --value "node_modules/ui-sketchbook/scripts/start"

node_modules/npm-add-script/cmd.js --key "deploy" --value "node_modules/ui-sketchbook/scripts/deploy"

node_modules/npm-add-script/cmd.js --key "init" --value "node_modules/ui-sketchbook/scripts/init"



# generate scaffold skeleton
npm run init

npm start   # stuff should get compiled into a new dist folder
            # and a browser window should open

Keywords

none

install

npm i ui-sketchbook

Downloadsweekly downloads

2

version

1.2.3

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar