0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

angular vscodeで開発

Posted at

前提

 angular,node.js,npmはインストール済みの状態

やること

 ・vscodeをインストールする
 公式サイトダウンロード

 ・Angularの拡張機能をvscodeに追加
  Angular Language Serviceを勧め
  image.png

  ・LocalのWorkSpaceを作成する (任意のフォルダー作成)
  ・vscodeで上記フォルダーを開く
   image.png
  ・terminalを開く、defaultのはコマンドプロンプトを指定する
  image.png
  ・コマンドで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
   image.png
  ・コンポーネントの作成
上記作成PJのフォルダーに移動
    cd hello-world-app
   コンポーネント作成
   ng generate component hello-world
  image.png
   hello-world.component.htmlに

Hello World!

を追加
   app.component.htmlに、上記コンポーネント「app-hello-world」を追加
 image.png
  ・APP実行
   ng serve --open
  image.png
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?