%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper]{scrartcl}

%Einstellungen der Seitenränder
\usepackage[left=2cm,right=2cm,top=1.5cm,bottom=1.5cm,includeheadfoot]{geometry}

%neue Rechtschreibung
\usepackage[ngerman]{babel}

%Umlaute ermöglichen
\usepackage[utf8]{inputenc}

%Gesamtseitenzahl
\usepackage{lastpage}

% Kopf- und Fußzeile
\usepackage[automark]{scrpage2}

%Quellcode-Listings
\usepackage{listings}

%Hyperlinks
\usepackage{hyperref}

%Kopfzeile
\ihead{Softwaretechnik}
\chead{}
\ohead{http://kohnlehome.de/informatik/vite.pdf}
\setheadsepline{0.5pt}

%Fußzeile
\setfootsepline{0.5pt}
\ifoot{Franz Kohnle}
\cfoot{Seite \thepage\ von  \pageref{LastPage}}
\ofoot{\today}

\pagestyle{scrheadings}

\begin{document}

% Überschrift 
\begin{center}
\LARGE % Schriftgröße
\bfseries % Fettdruck
\sffamily % Serifenlose Schrift
Vite
\end{center}

%\section*{Hilfe}
%\begin{tabular}{l l}
%\texttt{git help} & Hilfe\\
%\texttt{git help BEFEHL} & Hilfe zum BEFEHL
%\end{tabular}

\section{Projekt erstellen}

\begin{verbatim}
npm create vite@latest
\end{verbatim}

\begin{itemize}
    \item Project name: 
    \item Select a framework:
    \item ...
\end{itemize}
Erstellt Projektordner und eventuell \texttt{package.json}-Datei.

\section{Dependencies installieren}
\begin{verbatim}
cd <Projektordner>
npm install
\end{verbatim}
Erstellt Ordner \texttt{node\_modules} und lädt Dependencies herunter.

\section{Dev-Server starten}
\begin{verbatim}
npm run dev
\end{verbatim}
Startet lokalen Webserver für die Entwicklung.

\section{Build}
\begin{verbatim}
npm run build
\end{verbatim}
Erstellt Ordner \texttt{dist} und Dateien für die Produktion.

\section{Preview}
\begin{verbatim}
npm run preview
\end{verbatim}
Startet lokalen Webserver zum Testen des Builds.

\end{document}
