using html in vscode code example

Example 1: html skeleton shortcut vs code

type "!" (exclamation mark) and press enter in vs code.

//below code will be generated
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</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:

Typescript Example

Recent Posts