vscode portfolio tutorial code example

Example 1: create an html page in visual studio

<html> 
  <head>
    <title>Hello World</title> 
  </head>

  <body> 
    <h1>Hello World</h1> 
  </body>
</html>

Example 2: examples of homepage code vsc

import { IonContent, IonText, IonToolbar, IonHeader, IonPage, IonTitle, IonList, IonItem } from "@ionic/react"
import React from 'react';
const Home: React.FC = () => {
    
    return (
      <IonPage>
          <IonHeader>
            <IonToolbar> 
            <IonTitle> Hello World </IonTitle>
            </IonToolbar>
          </IonHeader>
          <IonContent className="ion-padding">
            <IonList>
              <IonItem>
                <IonText> hello World</IonText>
              </IonItem>
             
            </IonList>
        </IonContent>
      </IonPage>
            

    );
};

    export default Home;

Tags:

Html Example