1.0.4 • Published 2 years ago
init-styleguide v1.0.4
WIP - Init - Styleguide
The Greatest for the Greatest
✨This will eventually be a 'plug and use' styleguide✨
Getting started
- Once installed, on your root folder create a
styleguide
folder with asrc
subfolder- Inside
src
create adefaults.js
file and copy the contents fromnode_modules/init-styleguide/src/defaults.js
- Rename the
defaults['<componentName>']
on the created file to match the project naming convention. Modify the props too
- Inside
- On your
components/templates
folder, create a subfolder calledstyleguide
and copy the contents fromnode_modules/init-styleguide/components/templates/styleguide
to that folder (both .css and .jsx files)- Rename the
filter
(line #4) andcomponentHighlights
(line #7) to match the project
- Rename the
- Add this script to your package.json on your root folder
"styleguide": "cd node_modules/init-styleguide/dev && npm run build", "watch": "cd node_modules/init-styleguide/dev && npx grunt watch",
- Open your terminal in the root folder and run
npm run styleguide
(This must be run everytime you modify the
defaults.js
) - For watching changes live, run
npm run watch
Development
Want to contribute? Great!
init, LFG!