みんなのちからになりたい

コピペでブログラムつくっていきたい

あとでちゃんと書くAngular17

Angular 17をインストール

Angular 17でstandaloneで開発したい、公式チュートリアルのlocal appだとまだ*ngなんちゃらで古いのでブラウザのほうを実施したいので以下でインストール。

Learn Angular • Angular

npm install -g @angular/cli

npm, npx

以下を読みます。

マイナーアップデート

出始めなので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 で動作確認する。動いたらここがやっと出発点です。チュートリアルで修行しましょう。