前提
angular,node.js,npmはインストール済みの状態
やること
・vscodeをインストールする
公式サイトダウンロード
・Angularの拡張機能をvscodeに追加
Angular Language Serviceを勧め
・LocalのWorkSpaceを作成する (任意のフォルダー作成)
・vscodeで上記フォルダーを開く
・terminalを開く、defaultのはコマンドプロンプトを指定する
・コマンドでHelloWordのAppを作成してみる
ng new hello-world-app
下記は暗黙で選択
nWould you like to add Angular routing? Yes
n? Which stylesheet format would you like to use? CSS
・コンポーネントの作成
上記作成PJのフォルダーに移動
cd hello-world-app
コンポーネント作成
ng generate component hello-world
hello-world.component.htmlに
Hello World!
を追加app.component.htmlに、上記コンポーネント「app-hello-world」を追加
![image.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F194355%2F7aa896a5-43f5-babc-33f2-b0e5d0c7f1ac.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=1cf3ea156636434504ea62d7dc15efcd)
・APP実行
ng serve --open
![image.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F194355%2F2cdb170c-6a21-df22-7b48-d03e668b3c11.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6c1658a7a55864cc08dcdac7a579b9a7)