notitie

日々感じたことをメモ書き

Angularことはじめ

Angular公式日本語ドキュメントをもとに初めてみた。
https://angular.jp/

メモ

Angular CLI
とりあえず以下のようなことができるらしい。いまはよく分からないので軽く流す

Angular CLIを利用することで、コマンド1つでアプリの骨格を生成できます。その他にも、開発を効率化するためのコマンドがさまざまに用意されていますので、本格的にAngularでアプリを開発するならば、導入しておいて損はないツール

ng serveコマンド

ng serveコマンドはアプリケーションをビルド、開発用サーバーを起動し、ソースファイルを監視します。 あなたが監視されているファイルに変更を行ったときには、変更があったファイルに対し再ビルドを行います。--openフラグを指定すると、http://localhost:4200がブラウザで開かれます。

エラー解決まとめ

Angular CLI(command line interface)をインストールするために以下のコマンドを実行したらエラーが出た。

実行したコマンド
npm install -g @angular/cli
エラー

Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
npm ERR!  { Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
npm ERR!   stack: 'Error: EACCES: permission denied, access \'/usr/local/lib/node_modules\'',
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'access',
npm ERR!   path: '/usr/local/lib/node_modules' }
npm ERR! 
npm ERR! Please try running this command again as root/Administrator.

解決方法
ディレクトリを作成する権限がなかったのが原因みたいだった。以下の記事にあるコマンドを叩くと解決できた。 npm installでError:EACCESがでたら - Qiita