みなさんこんにちは、現役エンジニアのサメハックです
未経験からWebエンジニアに転職し、
正社員として5年働いたのちフリーランスとして独立しました。
Angularの解説シリーズです。
今回はWindowsにAngular環境を構築する方法について学んでいきましょう！
駆け出しエンジニアや未経験の方、
また新入社員を指導する先輩社員にとっても
わかりやすいように解説していきます！
この記事を読むと・・・
- WindowsにAngular環境が構築できる
WindowsにAngular環境を構築しよう！
Node.jsのインストール
Angularの環境構築にはnpmがマストなので、
Node.jsをインストールする必要があります。
https://nodejs.org/ja/download/
nodejs.org
「created a unelevatedinstallertelemetrydecorator」
という表示で止まる現象が多々報告されています。
その場合そのままCtrl+Cで強制終了して大丈夫です。
インストール確認
node -vnpm -v
上記2つのコマンドでバージョン情報が返ってくれば成功です。
※画像のバージョンは2023/2/1時点での最新版です。
バージョンはインストールした時点の最新の安定版となっているよ！
Angular CLIのインストール
npm install -g @angular/cli
これでAngularの開発環境が整ったよ！
Angularアプリケーションの作成
ng new アプリケーション名
選択肢はこだわりがなければ合わせてOK！
少し時間がかかるよ！
少し時間がかかるよ！
cd 作成したアプリケーション名
npm start
http://localhost:4200/
にアクセスしてこのような画面を開くことができたら完成だよ！
にアクセスしてこのような画面を開くことができたら完成だよ！
まとめ
- Angularの環境構築手順
- 1：Node.jsのインストール
- 2：AngularCLIのインストール
- 3：Angularアプリケーションの作成
満足いただけたら、1クリックなのでSNSフォローしてもらえると嬉しいです🦈
