Sotto.js
What is Sotto?
- A Straightfoward template generator.
- Layout for webpack + Todd Motto style Guide for Angularjs 1.5+
- Follows ES15
- Still in development!
Default files created
By default Sotto creates the following files all in a new folder named after the given argument (in this case, the name of the file is ). Each file automatically is setup to import the other files created with this tool. (less work for you!)
-- .component.js - a basic component -- .html - the component html -- .module.js - a basic module -- .scss - a mostly empty .scss file -- .spec.js - test file
Adding custom Templates and Configuration
Sotto currently reads the sotto.config.js file from its installation directory (usually './node_modules/sotto/sotto.config.js') to determine what files to create. The current files are placed into the template within any {{}} characters. View any of the default templates to see how the system works.
Variables parsed, and replaced
- username - the username, currently defaults to USER_NAME will be updated
- date - the current date and time, basic new Date() return, will be updated
- filename - the exact name given as a command line arg will be depreciated
- camelName - "camelCase" naming variant of the given filename
- lispName - "lisp-name" naming variant of the given filename
- titleName - currently not support, currently replaced by filename
Sample Commands
npm install sotto sotto navbar-button # creates a folder with the name navbar-button # along with the templates inside of the newly created folder. You can create multiple folders in the current working directory by giving sotto more arguments.
npm install sottosotto searchbar navbar# creates 2 folders, searchbar and navbar # with each folder having the default templates lisp-case naming convention
Sotto currently only supports lisp-case, or dash-case, or words with dashes in between, with all lower case.