Angularローカル開発環境のセットアップ

Angular, v14.1がリリースされました。

And just like that, v14.1 is here!

→ CommonModule directives & pipes are marked standalone 🌏
→ Three new extended diagnostics to improve your developer experience ⚡️
→ No installing the CLI globally, get started with `npm init @angular new-app` 🥺 https://t.co/VKm5FU4Y7R
— Angular (@angular) July 20, 2022

個人的に待ち望んでいたAngular CLIをグローバルにインストールせずにng newができる機能がついたので地味に嬉しいです。これまでもAngular CLIをグローバルにインストールせずともnpxを使えば問題なくできたのですが、シンプルになるならそれに越したことはないですよね。

というわけで早速試してみました。

1
npm init @angular new-app

ルーティングやらを聞かれますが、それをポチポチ進めれば出来上がりです。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
new-app
├── README.md
├── angular.json
├── karma.conf.js
├── node_modules
├── package-lock.json
├── package.json
├── src
├── tsconfig.app.json
├── tsconfig.json
└── tsconfig.spec.json

おおお！便利！