Angular 18


Angular cli


$ node -v
v20.15.0


$ npm -v
10.8.1


$ npm install -g @angular/cli


$ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 18.1.4
Node: 20.15.0
Package Manager: npm 10.8.1
OS: linux x64

Angular: undefined
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1801.4 (cli-only)
@angular-devkit/core         18.1.4 (cli-only)
@angular-devkit/schematics   18.1.4 (cli-only)
@schematics/angular          18.1.4 (cli-only)


$ ng new angular-hello-world
$ cd angular-hello-world
$ ng serve --host 0.0.0.0 --port 8080


.prettierrc

{
  "tabWidth": 2,
  "printWidth": 80,
  "semi": true,
  "singleQuote": true,
  "bracketSpacing": true
}


.prettierignore

node_modules
# *.test.js
# *.spec.js


tsconfig.json

    "strictPropertyInitialization": false,
    "noImplicitAny": false,
    "noImplicitReturns": false,


angular.json

  "projects": {
    "app": {
      "projectType": "application",
      "schematics": {
        "@schematics/angular:component": {
          "skipTests": true
        }
      },
***


package.json

***
      "start": "ng serve --host 0.0.0.0 --port 8080",
***


.gitignore

*.~
*.*~
*.log
*.swp

node_modules/
logs/

.vscode
.angular/

.pnp.cjs
.pnp.loader.mjs

.yarn


Sample:

https://github.com/wildmakaka/Angular-Declarative-Reactive-Programming-using-RxJS/pull/1/files


Airbnb eslint for Angular


Libs:
Primeng Primeflex


Angular courses


Angular code examples

RxJs

NgRx

[frontendmasters.com] Production-Grade Angular [2021, ENG]

Pockemons