macでangular8で基礎を学ぶ


AngularのTutorialをもとに学習する

端末情報

OS:macOS Mojave
バージョン:10.14.5
端末:MacBook Pro (13-inch,2017,Four Thunderbolt 3 Ports)
プロセッサ:3.1 GHz Intel Core i5
メモリ:8 GB 2133 MHz LPDDR3

Angular情報

$ ng --version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 8.0.3
Node: 12.3.1
OS: darwin x64
Angular: 8.0.1
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.800.3
@angular-devkit/build-angular     0.800.3
@angular-devkit/build-optimizer   0.800.3
@angular-devkit/build-webpack     0.800.3
@angular-devkit/core              8.0.3
@angular-devkit/schematics        8.0.3
@angular/cli                      8.0.3
@ngtools/webpack                  8.0.3
@schematics/angular               8.0.3
@schematics/update                0.800.3
rxjs                              6.4.0
typescript                        3.4.5
webpack                           4.30.0

$

Angular Tutorial

URL:https://angular.io/tutorial

Angular CLI
コマンド:
ng new angular-tour-of-heroes
[angular-tour-of-heroes]アプリプロジェクト生成
ng generate component heroes
[heroes]コンポーネントを生成
ng serve --open
アプリをビルドし、開発サーバーを起動し、ソースファイルを監視し、それらのファイルを変更したときにアプリを再構築
--openフラグでブラウザ(http://localhost:4200/)を開く

ng serve実行

$ ng serve --open
                                                                              u Date: 2019-06-30T14:07:24.785Z
Hash: 1f209a4a02fc394658fe
Time: 7508ms
chunk {main} main.js, main.js.map (main) 13.1 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 248 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.08 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 17.5 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3.93 MB [initial] [rendered]
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
ℹ 「wdm」: Compiled successfully.

実行

(値変更後)

git

URL:https://github.com/sfida11/angular-sumple