https://github.com/leolanese/angular-seeds-custom-boilerplaits
Angular: Angular 8 seed
https://github.com/leolanese/angular-seeds-custom-boilerplaits
angular angular-material bootstrap4 cli css fontawesome prettier
Last synced: about 2 months ago
JSON representation
Angular: Angular 8 seed
- Host: GitHub
- URL: https://github.com/leolanese/angular-seeds-custom-boilerplaits
- Owner: leolanese
- Created: 2019-04-16T15:21:49.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-11-06T15:17:32.000Z (over 4 years ago)
- Last Synced: 2025-02-24T12:11:33.818Z (2 months ago)
- Topics: angular, angular-material, bootstrap4, cli, css, fontawesome, prettier
- Language: TypeScript
- Homepage:
- Size: 6.33 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular8 Seed custom boilerplater
This is an altenative ngrx8 with Angular8 seed. Other seed contain some extra dependencies already install in the project to help to save some valuable development time.
#### Please have a look at the other seeds (just in case):
- ngrx8-seed: https://github.com/leolanese/ngrx8-seed
- ATS-seed(you are here): https://github.com/leolanese/ATS-seed
- ngrx8-angular8-seed: https://github.com/leolanese/ngrx8-angular8-seed
- Angular8-seed: https://github.com/leolanese/Angular8-seed
---
This is a reusable ATS-seed app, created from scratch using CLI & npm
■ Setup a default seed project or use CLI:
- Install nodeJS & npm (or simply verify you already have it):
```javascript
node -v
npm -v
```
- Install the Angular CLI globally:
```javascript
npm install -g @angular/cli
ng -v
```
- Create a workspace and initial application:
```javascript
ng new test-app
```
- Serve the application:
```javascript
cd test-app
ng serve --port 4500 --open
```
- Install Angular Material & Schematics:
```javascript
npm install --save @angular/material @angular/cdk @angular/animations
ng add @angular/material
ng generate @angular/material:material-nav --name container
```
**EXTRAS**
- Include Prettier (this can be handle by the pipeline later on):
```javascript
npm install --save-dev --save-exact prettier
```
- Include a Service with a Component already declared:
```javascript
cd test-app/src/app
mkdir service
ng g s service
```
- Include a reference to empty side defined boxes
- Include modular bootstrap 4
```javascript
npm install bootstrap --save
open angular.json
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
```
LINK:
https://getbootstrap.com/docs/4.0/components/alerts/
- Include fontawesome:
```javascript
```
LINK:
https://fontawesome.com/how-to-use/on-the-web/using-with/angular
---
# TestApp
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.2.3.
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
---
### :100: Thanks!
#### Now, don't be an stranger. Let's stay in touch!
> I'm a passionately curious Front-end Engineer. I like sharing what I know, and learning what I don't. London, UK.
##### :radio_button: linkedin: @LeoLaneseltd
##### :radio_button: Twitter: @LeoLaneseltd
##### :radio_button: Portfolio: www.leolanese.com
##### :radio_button: DEV.to: dev.to/leolanese
##### :radio_button: Blog: leolanese.com/blog
##### :radio_button: Questions / Suggestion / Recommendation: [email protected]