https://github.com/andre-araujo/generator-nanoscope
Scaffolds a ES6 ready project based on atomic design
https://github.com/andre-araujo/generator-nanoscope
Last synced: 2 months ago
JSON representation
Scaffolds a ES6 ready project based on atomic design
- Host: GitHub
- URL: https://github.com/andre-araujo/generator-nanoscope
- Owner: andre-araujo
- Created: 2016-03-26T03:48:18.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2016-04-30T15:53:51.000Z (about 9 years ago)
- Last Synced: 2025-01-31T13:43:48.321Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 22.5 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# generator-nanoscope
[](https://www.codacy.com/app/andre_luis9214/generator-nanoscope?utm_source=github.com&utm_medium=referral&utm_content=aluis92/generator-nanoscope&utm_campaign=Badge_Grade)
Generator for **nanoscope** framework, it scaffolds a project based on atomic design, using jade, sass, and harpjs
## Setup a new project
Make sure that you have yeoman installed
```
yo nanoscope
```
## Folder structure
```
/src
/_modules
/_atoms
/_atom-name
_index.jade
_main.sass
/_molecules
/_molecule-name
_index.jade
_main.sass
/_organisms
/_organism-name
_index.jade
_main.sass
_index.jade
_main.sass
/assets
/fonts
/img
/scripts
app.js
/styles
/_globals
_main.sass
main.sass
/vendor
_data.json
_layout.jade
index.jade
package.json
gulp.config.js
gulpfile.js
.bowerrc
.gitignore
```
## Subgenerators
###### yo nanoscope:module
create a module that can be an atom, molecule or organism