MEANのプロジェクトをAngular4でCMS作成する①

MEANのプロジェクトをAngular4で作成する。

まずは、AngularCLIをインストールする。

AngularCLIとは、AngularJS用のコマンドラインインターフェースのこと、

Angularを中心にプロジェクト開発をする上で使うことになるので、

まずインストール

 

そして、プロジェクトのベースを作成。

 

っと思ったらこんなことを言われてしまった。

Node.jsのバージョンが低くてAngular CLIでサポートされてないっということで、アップデートしてください。っということです。

ということで、Nodeのバージョン管理をするnをインストール

それで↓のバージョンをインストールする。

Node.jsのホームページでは↓のバージョンが一番使われてるっとあったので。

 

Node_js

 

そして再度コマンド。

 

生成したディレクトリはこんな感じ

cmsproject_-____Documents_workspace5_cmsproject_

ここまで来たら初めて

では、サーバを開始してみる

 

っと言った感じでサーバが開始。

localhost:4200をブラウザで開いてみるっと。

Cmsproject

といった感じで表示が出ればOK。