はじめに

サクッとAngularを動かしてみる方法を以下の2点の方法で解説していきます。

基本的に公式のチュートリアルを真似ているので、詳しいことを知りたい方はAngular公式サイトをご覧ください。

環境構築

必要な環境を構築します。
以下の環境は整っていますか？整っている方はここを飛ばしてください。

こちらのサイトから自分のOSに合ったものをダウンロードしましょう。

npmはnode.jsをインストールすれば、一緒にインストールされるはずです。

ターミナル orコンソールで

npm install -g @angular/cli

を実行してください。

ここから簡単なサンプルサイトを開発します。
開発すると言うほどのことはしませんが…

ターミナル orコンソールで

ng new my-app

を実行してください。

何か聞かれると思うので、Enterを押してデフォルトのままにしてください。
これで、新しいワークスペースと初期アプリケーションプロジェクトが作成されました。
簡単ですね

次にサーバーを起動してローカルで動かしてみましょう。

まずはワークスペースに移動します。

cd my-app

次にサーバーを起動します。

ng serve --open

正しく起動できれば、サンプルサイトが立ち上がるはずです。