Angular 18


Angular cli


$ node -v
v22.18.0


$ npm -v
11.5.2


// show available versions
$ npm view @angular/cli versions
// install latest
$ npm install -g @angular/cli@latest
$ npm cache clean --force


$ ng version

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

Angular CLI: 20.1.5
Node: 22.18.0
Package Manager: npm 11.5.2
OS: linux x64

Angular: 20.1.6
... common, compiler, compiler-cli, core, forms
... platform-browser, router

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.2001.5
@angular-devkit/core         20.1.5
@angular-devkit/schematics   20.1.5
@angular/build               20.1.5
@angular/cli                 20.1.5
@schematics/angular          20.1.5
rxjs                         7.8.2
typescript                   5.8.3
zone.js                      0.15.1


$ 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


The Angular CLI requires a minimum Node.js version of

$ npm start

> [email protected] start
> ng serve

Node.js version v22.5.1 detected.
The Angular CLI requires a minimum Node.js version of v20.19 or v22.12.

Please update your Node.js version or visit https://nodejs.org/ for additional instructions.


$ node -v
v22.18.0


$ npx node -v
v22.5.1


$ which npx
/home/marley/.volta/bin/npx


$ npx clear-npx-cache

npm install -g npm@latest –force