Beginner: What I am missing?

tutorials
1

Hi all.

I’m pretty pretty new to Ionic and I think I didn’t install eveyrhting I need to start using Ionic.

What I did:

  • Installed Node.js, packages cordova and ionic
  • Ionic lab
  • Visual Studio Code

After that, created a blank starter and tried some components to see if it’s fully functional. Unfortunatelly, it isn’t. So the real simple html I added is this below. And I’m getting this preview.

In VS Code, it doesn’t help with some tags. ion-icon for example…

What should I have to do? Is there any extension that I need to install?

Thanks in advance.
Erich

Code:

<ion-pane>
  <ion-header-bar class="bar-positive">
    <h1 class="title">Ionic Blank Start</h1>
  </ion-header-bar>
  <ion-content>
    <ion-item>
      <ion-icon name="menu" align-left></ion-icon>
      Teste
    </ion-item>
    <ion-item>
      Teste 2<ion-toggle disabled checked="true"></ion-toggle>
    </ion-item>
    <ion-item>
      <ion-label>Teste 3</ion-label>
      <ion-checkbox dark checked="true"></ion-checkbox>
    </ion-item>
  </ion-content>
</ion-pane>