how to get basic html code in visual studio code example
Example 1: html skeleton shortcut vs code
type "!" (exclamation mark) and press enter in vs code.
<!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: visual studio code html template shortcut
First set HTML to the language
Then type:
html:5
And hit Tab
Voila, HTML Template in your favorite code editor!
Example 3: 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;