1.0.4 • Published 4 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
styleguidefolder with asrcsubfolder- Inside
srccreate adefaults.jsfile 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/templatesfolder, create a subfolder calledstyleguideand copy the contents fromnode_modules/init-styleguide/components/templates/styleguideto 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!