Skip to content

kekel87/ng-mono

Repository files navigation

🅰️ ng-mono

code style: prettier Conventional Commits Production

NX Mono repo containing my Angular projects

📦ng-monno
 ┣ 📂apps
 ┃ ┣ 📂 netatmo
 ┃ ┣ 📂 collection
 ┃ ┗ 📂...
 ┗ 📂libs
   ┗ 📂...

An application using the Netatmo API to display all measures in one place

Application for tracking collections (games, books, manga, amiibo & vinyl).

Yes, it is very specific 🤓

Toolings

Base NX Commands

nx [CMD] # Global install  npm install -g nx
npx nx [CMD]
npm run nx [CMD]
npm run ng [CMD]

Runnning

nx serve # netatmo default
nx serve [app-name]

Code formating

# nx config format
nx format

# apps format
nx lint [app-lib-name]
nx affected:lint --fix
nx run-many --target=lint --fix

Code linting

# nx config check
nx format:check

# apps lint
nx lint [app-lib-name]
nx affected:lint
nx run-many --target=lint

Unit testing

nx test [app-lib-name]
nx affected:test
nx run-many --target=test

End to end testing

nx e2e [app-name-e2e]

nx affected:e2e
nx run-many --target=e2e

NX command

nx graph
nx affected:graph 😍
nx print-affected --type=app --select=projects
nx workspace-lint

Generators/Schematics

nx list
nx g @nx/angular:component [name] --standalone

NX Autogenerated DOC

This workspace has been generated by Nx, a Smart, fast and extensible build system.

Development server

Run nx serve netatmo for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Understand this workspace

Run nx graph to see a diagram of the dependencies of the projects.

Remote caching

Run npx nx connect-to-nx-cloud to enable remote caching and make CI faster.

Further help

Visit the Nx Documentation to learn more.