Angular 17をインストール
Angular 17でstandaloneで開発したい、公式チュートリアルのlocal appだとまだ*ngなんちゃらで古いのでブラウザのほうを実施したいので以下でインストール。
npm install -g @angular/cli
npm, npx
以下を読みます。
- 知らないのは損!npmに同梱されているnpxがすごい便利なコマンドだった | DevelopersIO
- npmとnpxの違い説明できますか? #Node.js - Qiita
- 【npmとnpxの違い】便利なnpxについて理解する | ギークの逆襲 🐟
- npxコマンドを使って、未インストールのコマンドを使った時の挙動を確認する - CLOVER🍀
マイナーアップデート
出始めなので17.0.0 → 17.0.9など細かいアップデートが続く場合のアップデート方法。
ng update
でupdateできるかみてみる。
PS C:\Users\hoge\Documents\Dev\angular> ng update Using package manager: npm Found 26 dependencies. We analyzed your package.json, there are some packages to update: Name Version Command to update -------------------------------------------------------------------------------- @angular/cli 17.0.0 -> 17.0.9 ng update @angular/cli @angular/core 17.0.2 -> 17.0.8 ng update @angular/core There might be additional packages which don't provide 'ng update' capabilities that are outdated. You can update the additional packages by running the update command of your package manager.
みたいな感じで個別にアップデートする必要が出てくるので以下のような感じでアップデートする。
ng update @angular/cli @angular/core
PS C:\Users\hoge\Documents\Dev> ng version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 17.0.9 Node: 20.9.0 Package Manager: npm 10.1.0 OS: win32 x64 Angular: 17.0.8 ... animations, common, compiler, compiler-cli, core, forms ... platform-browser, platform-browser-dynamic, router Package Version --------------------------------------------------------- @angular-devkit/architect 0.1700.9 @angular-devkit/build-angular 17.0.9 @angular-devkit/core 17.0.9 @angular-devkit/schematics 17.0.9 @angular/cli 17.0.9 @schematics/angular 17.0.9 rxjs 7.8.1 typescript 5.2.2 zone.js 0.14.2
ng serve
ng serve
で動作確認する。動いたらここがやっと出発点です。チュートリアルで修行しましょう。