はじめに
本記事は初心者向け、Angularプロジェクトの環境構築、作る方法などを説明します。
環境準備
下記のソフトウェアを予めインストールしてください。
Nodejsをインストールしたら、下記のコマンドでAngular/Cliをインストールできます。
npm install -g @angular/cli
バージョンを指定し、インストールしたい場合は：
npm install -g @angular/cli@バージョン
すべてのインストールが終ったら、コマンドで確認してください。以下のような情報が出たら、OKです。
ng -v
ブランクプロジェクトを作る
下記のコマンドでブランクプロジェクトを作ります。
ng new プロジェクト名
たとえばね、
ng new tasker
コンソールを見たら、無事に作成しました。
起動
下記のコマンドでAngularプロジェクトを起動します。
ng serve
また、ポートを変更したい場合は下記のコマンドでもいいです。
ng serve --port 4200
http://localhost:4200/ をブラウザで開くと、画面がうまく表示すれば、OKだと思います。
ここまで行くと、Angularのブランクプロジェクトを作り終わります。
最後に
最近は、私もAngularを勉強したきっかけでGithub上でオープンソースのプロジェクトを作って開発し続けます。
https://github.com/Hyman1993/tasker
フロントエンドに趣味がある皆さん、一緒に頑張りましょう。