Angularで遊んでみる:セットアップ

次の仕事でAngularを使いそうなので、遊んでみることにする。

参考にするサイトは公式チュートリアル

セットアップ~

Node.jsをインストール

推奨版を入れた。 f:id:levia9071:20200629095831p:plain

Node.jsとnpmがインストールされてるか確認

$npm -v
$node -v

入ってることが確認できた。 f:id:levia9071:20200629102000p:plain

Angularをインストール

公式チュートリアルに戻り、npmを使ってAngularをインストール。

npm install -g @angular/cli

一瞬プロキシの壁に阻まれたが、インストールできた。 f:id:levia9071:20200629101859p:plain

インストール出来てるか確認。

ng version

入ってることが確認できた。 f:id:levia9071:20200629102411p:plain

初期アプリケーションを作成する

チュートリアルと同じく、my-appを作ることにした。

ng new my-app

ここもプロキシ注意 f:id:levia9071:20200629114501p:plain

ディレクトリを移動して、my-appを起動する

cd my-app
ng serve --open

f:id:levia9071:20200629114926p:plain

ちょっと待ってると、勝手にブラウザが開いた。 f:id:levia9071:20200629114756p:plain

ちなみに、作ったフォルダの中↓ f:id:levia9071:20200629115238p:plain

セットアップできた!