Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luisreinoso/ng-stories-schematics
Angular stories (Storybook) schematics
https://github.com/luisreinoso/ng-stories-schematics
angular schematics storybook
Last synced: 11 days ago
JSON representation
Angular stories (Storybook) schematics
- Host: GitHub
- URL: https://github.com/luisreinoso/ng-stories-schematics
- Owner: LuisReinoso
- Created: 2020-10-10T23:42:06.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-10-25T15:26:10.000Z (over 4 years ago)
- Last Synced: 2025-01-31T01:48:40.327Z (12 days ago)
- Topics: angular, schematics, storybook
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/ng-stories-schematics
- Size: 18.6 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ng stories schematics
This angular schematics generate an storybook file. Following the next folder structure.
```
src/ project source code
|- app/ app components
| |- button/ button component example
| |- button.component.*
| |- button.stories.ts <-- story generated
| +- ...
```
## Installation
```console
npm install --save-dev ng-stories-schematics
```
## Usage
### Add path and file name on one line
```console
ng g ng-stories-schematics:empty path/name
```
### Add path and file name using arguments
```console
ng g ng-stories-schematics:empty --path path_to_file --name file_name
```
## Advice
If you use vscode I recommend to use [vscode-angular-schematics](https://github.com/cyrilletuzi/vscode-angular-schematics) to easily create stories file.
### Config
Add to settings.json config file this.
```JSON
"ngschematics.schematics": [
"ng-stories-schematics"
],
```